javascript - 视频 JS 就绪事件和 IE8

标签 javascript html internet-explorer-8 html5-video dom-events

我目前正在使用 Video JS 来提供视频文件,并且视频源会根据访问者点击的项目而变化。当我的页面加载时,我运行以下代码将 videoplayer 对象绑定(bind)到一个变量。

var videoPlayer = _V_("my_video_1");

这在除 IE7 和 IE8 之外的所有浏览器中都能完美运行。我一直在调试我的代码,它似乎卡在了永远不会触发的就绪事件上。尽管它不会在控制台中留下任何错误。但是 ready 函数内的任何警报或操作都将被忽略,并且实际上是在那个时候源正在被修改。这是我用来更改源代码的代码:

videoPlayer.ready(function(){
    var myPlayer = this;
    myPlayer.src([
        { type: "video/mp4", src: videoFile + ".mp4" },
        { type: "video/ogg", src: videoFile + ".ogv" }
    ]);
    myPlayer.play();
    myPlayer.volume(0.2);
    $('div#videoViewer').show();
});

我一直在其他两个页面上使用相同的代码,而且没有任何问题让它工作。现在,我和一位同事已经对此进行了数小时的调试,但离解决方案还差得很远。

这里有没有人知道什么可能导致就绪事件被忽略? 我一直在尝试禁用所有其他脚本以找到问题的根源,但一直没有奏效。

非常感谢任何可以帮助我解决此问题的答案。

最佳答案

我遇到了同样的问题。在我的例子中,就绪事件不会在 IE8 中触发,因为我有一个设置为 display:none 的包装器 div。如果包装可见,则 ready 事件将按预期触发。 IE9没有出现这个问题。

关于javascript - 视频 JS 就绪事件和 IE8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10878430/

相关文章:

JavaScript 将 PHP 变量附加到字符串

javascript - 将 Chartjs 与 reactjs 结合使用

javascript - Jquery,清除/清空 tbody 元素的所有内容?

javascript - 如何用javascript替换IE8 css表达式

javascript - 无法为 chrome 扩展显示 chrome 上下文菜单

javascript - WebGL 仅渲染/加载某些 PNG 文件

javascript - jQuery SlideToggle 不起作用

javascript - HTML5 视频 - 获取最终的 src URL 目的地

CSS 悬停在 IE8 中不起作用

ruby-on-rails - IE8做Ajax时在utf8字段上卡住