【问题标题】:VideoJS isn't displaying anything in IE8VideoJS 在 IE8 中不显示任何内容
【发布时间】:2013-09-12 14:15:56
【问题描述】:

我正在尝试让视频与 videoJS 一起使用,在 videoJS 指南的帮助下,我让它在 Chrome 和 Firefox 上运行,但不是 IE8。

我已将 CDN 标签添加到我的脑海中并创建了一个视频标签。

我正在使用以下内容:

<video id="my_vid" class="video-js vjs-default-skin"
  controls preload="auto" width="244px" height="196px"
  poster="img/poster.jpg">

  <source src="files/mymov.mp4" type='video/mp4' />
  <source src="files/mymov.webm" type='video/webm' />
  <source src="files/mymov.ogv" type='video/ogg' />
</video>

Flash 后备似乎在 IE8 中不起作用,因为当我查看我的检查器时它不会创建 Flash 对象(它在 videojs.com 的主页上创建)。视频标签仍然存在,而 IE8 无法应对。 videojs.com首页的视频在IE8下正常显示。

我做错了什么?

已解决:似乎我必须在视频标签中添加 data-setup="{}" 作为属性。现在唯一的问题是视频无法在 Chrome 中播放。

【问题讨论】:

  • 添加 data-setup="{}" 的技巧对我有用 - 谢谢。

标签: html internet-explorer-8 html5-video video.js


【解决方案1】:

你可以强制videJS显示flash。你可以使用rtmp流来使用flash

vjs.options.techOrder = ["flash", "html5", "links"];


    $(document).ready(function() {



        setTimeout(function() {

        vjs("videoPlayer").ready(function() {

                var swfVideo = $("#videoPlayer_flash_api")[0];
                swfVideo.vjs_setProperty("RTMPConnection", "path");
                swfVideo.vjs_setProperty("RTMPStream", "videoName");
            });

        }, 1000);

    });

【讨论】:

  • 我认为vjs.options.flash.swf的添加只有在你不使用CDN版本的时候才需要?跨度>
  • 抱歉没看到你用过CDN版
  • 你是对的。 CDN版不用vjs.options.flash.swf
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-07
  • 1970-01-01
  • 1970-01-01
  • 2012-09-29
  • 2020-11-10
相关资源
最近更新 更多