小编Sho*_*wer的帖子

使用HTML5视频标记退出全屏

我试图让视频在视频结束时退出全屏,但事实并非如此.我搜索并找到了做到这一点的方法,但对于我的生活,我无法让它发挥作用.我正在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>
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激.

jquery fullscreen exit ipad html5-video

10
推荐指数
2
解决办法
2万
查看次数

标签 统计

exit ×1

fullscreen ×1

html5-video ×1

ipad ×1

jquery ×1