VideoJS 后备和 Internet Explorer 8
我刚刚编写了一个跨浏览器视频播放器，通过 ffmpeg 自动转换，它在所有浏览器中都运行良好。由于它们都显示不同的控件，我想我应该使用 VideoJS 来设置它们的样式。
这是我的演示页面： http://www.animero.com/2012/produktioner/jakobsson-pr- vegibar/
皮肤控件应该在所有支持 html5 视频标签的现代浏览器中可见。不过，我的问题是 IE8。后备似乎不起作用，因为我只收到一个黑匣子，上面写着“电影未加载...”，但音频仍在播放。
这是我的标记：
<div class="video-js-box">
<video id="my_video_1" class="video-js vjs-default-skin" width="790" height="444" poster="<?php echo $videoFiles['poster']; ?>" preload autoplay controls data-setup="{}">
<source src="<?php echo $videoFiles['mp4']; ?>" type="video/mp4" />
<source src="<?php echo $videoFiles['ogv']; ?>" type="video/ogg" />
<object id="flash_fallback_1" class="vjs-flash-fallback" width="790" height="444">
<embed width="790" height="444" src="<?php bloginfo('stylesheet_directory'); ?>/spelare.swf?image=<?php echo $videoFiles['poster']; ?>&video=<?php echo $videoFiles['flash']; ?>" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</video>
</div>
当我关闭 VideoJS 时，一切都运行良好，并且在 IE8 中我的 Flash 播放器运行良好。有人能帮我解决这个问题吗？
提前致谢， 乔纳森
I just coded a cross-browser video player with automatic conversions through ffmpeg and it works good in all browsers. Since they all display different controls I figured I'd use VideoJS to style them.
This is my demo page:
http://www.animero.com/2012/produktioner/jakobsson-pr-vegibar/
The skinned controls should be visible in all modern browsers that support the html5 video tag. Though, my issue is with IE8. The fallback does not seem to work, because I am only getting a black box that says "Movie not loaded..." but the audio is still playing.
This is my markup:
<div class="video-js-box">
<video id="my_video_1" class="video-js vjs-default-skin" width="790" height="444" poster="<?php echo $videoFiles['poster']; ?>" preload autoplay controls data-setup="{}">
<source src="<?php echo $videoFiles['mp4']; ?>" type="video/mp4" />
<source src="<?php echo $videoFiles['ogv']; ?>" type="video/ogg" />
<object id="flash_fallback_1" class="vjs-flash-fallback" width="790" height="444">
<embed width="790" height="444" src="<?php bloginfo('stylesheet_directory'); ?>/spelare.swf?image=<?php echo $videoFiles['poster']; ?>&video=<?php echo $videoFiles['flash']; ?>" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</video>
</div>
When I turn off VideoJS everything works great, and in IE8 my flash-player works good. Could anyone help me with this?
Thanks in advance,
Jonathan
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以下载 Video.js 源并将其托管在您自己的服务器上，或使用免费的 CDN 托管版本。现在通常建议将 JavaScript 放在结束 body 标记 () 之前，而不是 head () 之前，但是 Video.js 包含一个“HTML5 Shiv”，需要将其放在 head 中，以便旧版 IE 版本将 video 标记视为有效元素。
注意：如果您已经在使用像 Modernizr 这样的 HTML5 shiv，您可以在任何地方包含 Video.js JavaScript，但请确保您的 Modernizr 版本包含视频 shiv。
来源：http://videojs.com/docs/setup/
它有效！
You can download the Video.js source and host it on your own servers, or use the free CDN hosted version. It's often recommended now to put JavaScript before the end body tag () instead of the head (), but Video.js includes an 'HTML5 Shiv', which needs to be in the head for older IE versions to respect the video tag as a valid element.
NOTE: If you're already using an HTML5 shiv like Modernizr you can include the Video.js JavaScript anywhere, however make sure your version of Modernizr includes the shiv for video.
Source: http://videojs.com/docs/setup/
It works!