<video poster="big_buck_bunny/poster.jpg" controls>
<source src="http://www.example.com/big_buck_bunny/trailer.mp4" type="video/mp4" >
<source src="http://www.example.com/big_buck_bunny/trailer.webm" type="video/webm">
</video>
问题可能是文件类型,尝试使用以下方法:
<video poster="big_buck_bunny/poster.jpg" controls>
<source src="big_buck_bunny/trailer.mp4" type="video/mp4" >
<source src="big_buck_bunny/trailer.ogg" type="video/ogg" >
<source src="big_buck_bunny/trailer.webm" type="video/webm">
</video>
big_buck_bunny/trailer.* is your video
这也可能是兼容性检测中的错误:只是一种理论 = X
摘自:videojs:main.js(第249-255行)
// Check if the browser supports video.
browserSupportsVideo: function() {
if (typeof VideoJS.videoSupport != "undefined") { return VideoJS.videoSupport; }
VideoJS.videoSupport = !!document.createElement('video').canPlayType;
return VideoJS.videoSupport;
}
因为我相信使用Flash作为回退方案在检测后非常可靠。但是我没有IE 9.0.8版本,所以你可以运行这段代码来验证是否正确。
var test = function() {
return (!!document.createElement('video').canPlayType);
}
我有完全相同的问题。你提供的两个示例页面让我点击播放按钮,然后它变成暂停按钮,但视频不会播放。
我尝试使用JavaScript来跟踪问题,但返回null。 alert(document.getElementsByTagName("video")[0].error);
不过我偶然发现了这个: 我正在使用N版本的Windows 7 64位。这个msdn页面建议我的IE9无法播放视频的原因是我的Windows版本没有媒体播放器或“媒体功能”已关闭。
希望这可以帮到你。
如果仍然无法正常工作,这里有一个肯定的解决方案:使用压缩格式H.264对mp4进行编码。如果您使用mpeg4或divx等格式进行编码,则在IE9上无法正常工作,甚至可能会崩溃Google Chrome。为此,我使用Any Video Converter免费软件。但是任何好的视频工具都可以完成此操作。
我尝试了这里列出的所有解决方案,并尝试了其他解决方法数天,但问题在于我创建的mp4的方式。 IE9无法解码除H.264以外的其他格式。
希望这可以帮助到您, Jimmy
<video>
元素,它尝试加载:http://www.bodhibikes.com/_/video/WELCOME_TO_BODHI_840_472.mp4
但是它在某种程度上失败了。您应该为IE/Chrome等指定正确的视频格式。