Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在完成按钮单击时隐藏适用于ipad的html5播放器_Html_Ipad_Video - Fatal编程技术网

如何在完成按钮单击时隐藏适用于ipad的html5播放器

如何在完成按钮单击时隐藏适用于ipad的html5播放器,html,ipad,video,Html,Ipad,Video,我在ipad上玩vide,它工作得很好,但我希望当用户输入done按钮时,播放器应该关闭任何关于如何操作的想法。我正在使用以下代码 <!DOCTYPE html> <head> <meta charset=”utf-8″> <meta name=”apple-mobile-web-app-capable” content=”yes” /> <title>My Video</title> <link rel=”apple

我在ipad上玩vide,它工作得很好,但我希望当用户输入done按钮时,播放器应该关闭任何关于如何操作的想法。我正在使用以下代码

<!DOCTYPE html>
<head>
<meta charset=”utf-8″>
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<title>My Video</title>
<link rel=”apple-touch-icon” href=”icon.png” />
<style>
body {margin:0;}
</style>
</head>
<body>
<video width=”1024″ height=”750″ controls=”true”>
<source src=”videos/test.m4v” />
</video>
</body>
</html>

我的视频
正文{页边距:0;}

您可以在这里找到完整的代码

<!DOCTYPE html>
<head>
<meta charset=”utf-8″>
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<title>My Video</title>
<link rel=”apple-touch-icon” href=”icon.png” />
<script>
  function onClickDone(){
  document.getElementById('myvideotag').pause();
  document.getElementById('myvideotag').style.display = "none";
}
</script>
<style>
body {margin:0;}
</style>
</head>
<body>
<button onclick="onClickDone()">Done</button>
<video id="myvideotag" width=”1024″ height=”750″ controls=”true”>
<source src=”videos/test.m4v” />
</video>
</body>
</html>

我的视频
函数onClickDone(){
document.getElementById('myvideotag').pause();
document.getElementById('myvideotag').style.display=“无”;
}
正文{页边距:0;}
多恩

hot在全屏加载视频时通过default加载此视频/*==加载时添加此脚本==*/if(elem.requestFullscreen){elem.requestFullscreen();}else if(elem.mozRequestFullScreen){elem.mozRequestFullScreen();}else if(elem.webkitRequestFullscreen){elem.webkitRequestFullscreen();}将“elem”替换为“document.getElementById('myvideotag')”在这里不起作用的相同问题是代码if(document.getElementById('myVideo').requestFullscreen){document.getElementById('myVideo').requestFullscreen();}else if(document.getElementById('myVideo').mozRequestFullScreen){document.getElementById('myVideo').mozRequestFullScreen();}else if(document.getElementById('myVideo').webkitRequestFullscreen){document.getElementById('myVideo').webkitRequestFullscreen();}这里也有同样的问题。requestFullscreen我需要发布问题..哈哈