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

【问题标题】：html5 video tag m3u8 file not workinghtml5 视频标签 m3u8 文件不起作用
【发布时间】：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 width="352" height="198" src="index_1500.m3u8"/>

< /body>

< /html>

html文件创建

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

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

请帮忙..

【问题讨论】：

标签： html ffmpeg video-streaming

【解决方案1】：

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

【讨论】：

谢谢！！我明白了。