html5 视频标签 m3u8 文件不起作用

Posted 2023-05-07

【中文标题】html5 视频标签 m3u8 文件不起作用

【英文标题】：html5 video tag m3u8 file not working

【发布时间】：2015-02-06 21:04:00

【问题描述】：

步骤 1. ffmpeg 工作：.mp4 -> .m3u8 和 .tp 文件创建

ffmpeg 选项：

ffmpeg -y -i Internet.mp4 -pix_fmt yuv420p -vcodec libx264 -acodec ac3 -r 30 -profile:v 基线 -b:v 1500k -maxrate 2000k -s 480x300 -map 0 -flags -global_header -f 段 - segment_list index_1500.m3u8 -segment_time 10 -segment_format mpeg_ts -segment_list_type m3u8 segment%05d.ts

这样

步骤 2. html5 编程

< !DOCTYPE html>

< html>

< head>

< title > Storage.html < /title >

< /head >

< body >

< video   src="index_1500.m3u8"/>

< /body>

< /html>

html文件创建

但视频播放不起作用...

但是，vlc 媒体播放器 [index_1500.m3u8] 文件播放得很好

请帮忙..

【参考方案1】：

m3u8 只能在 OSX/ios 中使用 video 标签在 safari 上播放。对于其他浏览器，您必须使用使用 flash 的播放器，例如 jwplayer。

【讨论】：

谢谢！！我明白了。