下面是我用于视频标签的代码。我基本上将其从Video.js网站上复制并粘贴(然后使用我自己的文件名进行更新)。起初,我可以让Chrome工作,但不能使用Firefox或Internet Explorer。然后我将"webm"标签更改为"web"。这修复了Firefox的问题,但我仍然无法用IE9播放任何内容。它只是显示为好像它试图加载一样。现在我只是尝试使用同一根文件夹中的本地文件对其进行测试,因此我认为等待它下载不是问题。我的视频文件范围从 8.1 到 8.4 meg。
如果有人对如何玩这个有任何想法,将不胜感激。提前谢谢你。
以下是在 head 标签中:
`<link href="video-js.css" rel="stylesheet">
<script src="video.js"></script>
<script>
_V_.options.flash.swf = "video-js.swf"`
</script>
以下是在 html 标记中:
`<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="264"
poster="bdg-vid-poster.png"
data-setup='{}'>
<source src="bdg112412hr.mp4" type='video/mp4' />
<source src="bdg112412.web" type='video/web' />
<source src="bdg112412.ogv" type='video/ogv' />
</video>`
我不确定为什么您将名称从 webm
更改为 web
- webm
是要使用的正确扩展名。该行应为:
<source src="bdg112412.webm" type='video/webm' />
您是否有三种视频类型(mp4、Web 和 ogv)中每种视频的有效视频文件?当您将mp4直接拖放到IE9中时会发生什么?尝试Chrome中的webm和Firefox中的ogv。
如果您不确定视频文件是否有效,请尝试在此处下载示例文件。(请参阅视频下方的"下载视频"链接)。
对我也很有帮助的是 preload="auto" 必须是 preload="none",否则它会在播放之前等待加载整个视频......真正的拖累...
检查服务器上配置的 mime 类型。
我在使用mp4和IE9时遇到了问题。我只需要将myme-tipe从video/mpeg更改为video/mp4。