Javascript Video.js取消全屏api方法在Firefox中不起作用
我用它来制作一个定制的视频播放器。我想在功能中添加的一项功能是检查,以确保如果在全屏模式下视频结束播放,它会返回到正常模式。我认为这将很容易实现使用 在我的代码中,我正在监听结束事件,然后在事件处理程序中触发cancelFullScreen方法,这在Chrome中完全可以正常工作。它甚至可以在IE 7/8的flash回退模式下工作,但在Firefox 19中根本不起作用-窗口只是停留在全屏模式 你知道为什么吗 这是我的标记:Javascript Video.js取消全屏api方法在Firefox中不起作用,javascript,html5-video,fullscreen,video.js,Javascript,Html5 Video,Fullscreen,Video.js,我用它来制作一个定制的视频播放器。我想在功能中添加的一项功能是检查,以确保如果在全屏模式下视频结束播放,它会返回到正常模式。我认为这将很容易实现使用 在我的代码中,我正在监听结束事件,然后在事件处理程序中触发cancelFullScreen方法,这在Chrome中完全可以正常工作。它甚至可以在IE 7/8的flash回退模式下工作,但在Firefox 19中根本不起作用-窗口只是停留在全屏模式 你知道为什么吗 这是我的标记: <link rel="stylesheet" href=
<link rel="stylesheet" href="http://vjs.zencdn.net/3.2/video-js.css">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<div class="vid_container" style="width: 934px; height: 524px; left: 0; top: 0;">
<video id="video_NewMoon" controls class="video-js vjs-default-skin" width="934" height="524" poster="/cms/arcadiacorp_uk/repository/pages/static/static-0000008447/images/poster.jpg" data-setup="{}">
<source src="http://ecmcstg.arcadiagroup.ltd.uk/cms/arcadiacorp_uk/repository/pages/static/static-0000008447/flash/nailVid.mp4" type="video/mp4">
<source src="http://ecmcstg.arcadiagroup.ltd.uk/cms/arcadiacorp_uk/repository/pages/static/static-0000008447/flash/nails.webm" type="video/webm">
<a href="http://ecmcstg.arcadiagroup.ltd.uk/cms/arcadiacorp_uk/repository/pages/static/static-0000008447/flash/nailVid.mp4" title="Click here to download the video">Your browser cannot play this video, click here to download it instead.</a>
</video>
</div>
我尝试了各种其他方法来解决这个问题,比如在结束处理程序中使用jquery触发Esc键,但这也不起作用。我现在对这个已经没有耐心了
哦,当我们谈到bug的时候,最后加载微调器显示在Chrome上,但隐藏在FF中。老实说,我宁愿把它藏起来
提前感谢。根据Firefox部分支持全屏API
var myPlayer = _V_("video_NewMoon");
var movEnded = function(){
myPlayer.bigPlayButton.hide();
myPlayer.loadingSpinner.hide();
if(myPlayer.isFullScreen === true) {
console.log("yep, we're fullscreen - lets shut this down");
myPlayer.cancelFullScreen();
}
};
myPlayer.addEvent("ended", movEnded);