我试图让视频在视频结束时退出全屏,但事实并非如此.我搜索并找到了做到这一点的方法,但对于我的生活,我无法让它发挥作用.我正在iPad2上测试最新版本的Chrome(15)和iOS 5.
这是我正在使用的代码：
这是我正在使用的代码：
- <html>
- <head>
- <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
- <script>
- $(document).ready(function(){
- $("#myVideoTag").on('ended',function(){
- webkitExitFullScreen();
- });
- });
- </script>
- <Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>854x480</title>
- </head>
- <body>
- <video width="854" height="480"
- src="video/854x480-Template_1.mp4"
- poster="images/poster.jpg"
- id="myVideoTag"
- type="video/mp4"
- preload="auto"
- autobuffer
- controls>
- <p>Requires HTML5 capable browser.</p>
- </video>
- </body>
- </html>
任何帮助将不胜感激.
解决方法
webkitExitFullScreen是视频元素的一种方法,因此必须以这种方式调用它：
- videoElement.webkitExitFullscreen();
- //or
- $("#myVideoTag")[0].webkitExitFullscreen();
- //or,without needing jQuery
- document.getElementsById('myVideoTag').webkitExitFullscreen();
由于它在事件处理程序中,这将是结束的视频,因此：
- $("#myVideoTag").on('ended',function(){
- this.webkitExitFullscreen();
- });
它变得有点复杂,因为webkitExitFullscreen仅适用于基于webkit的浏览器(Safari,Chrome,Opera),因此您可以在MDN上了解有关其正确用法的更多信息
