我正在构建一个网站,其中视频将从服务器上的mp4 / m4v文件流式传输。
我在Chrome 47中无法完成这项工作,显然是由于缺乏NPAPI支持。
以下是我尝试的代码的一些变体和结果:
<video controls>
<param name="video" value="true" />
<source src="app/files/s1e1.m4v" type="video/mp4">
<source src="app/files/s1e1.m4v" type="video/ogg">
Your browser does not support the video tag.
</video>
结果:我收到一条javascript错误框,其中显示的消息为“#34;此插件不受支持&#34;
<object width="100%" height="360">
<param name="movie" value="app/files/s1e1.m4v"/
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="100%" height="360" src="app/files/s1e1.m4v" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>
结果:播放器呈现并且似乎加载了播放器中显示的正确视频长度所证明的文件,但是当我点击播放按钮时视频无法播放。
这两种方法都可以在Safari中完美运行。
哪种方法最适合跨浏览器支持?