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

Question

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

ffmpeg 选项:

ffmpeg -y -i Internet.mp4 -pix_fmt yuv420p -vcodec libx264 -acodec ac3 -r 30 -profile:v baseline -b:v 1500k -maxrate 2000k -s 480x300 -map 0 -flags -global_header -f segment -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 width="352" height="198" src="index_1500.m3u8"/>

< /body>

< /html>

html文件创建

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

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

请帮忙..

Answer 1

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