Question

我正在尝试从移动应用切换html视频全屏。

基本上，当我按下按钮时，它应该通过Web服务将数据发送到数据库。根据给定的数据，视频应在全屏而非全屏之间切换。

现在我的问题是，html视频不允许这个，因为出于安全原因，如错误所述。我尝试使用trigger()模拟按钮点击，但它仍然说出了由于安全原因而不允许的相同错误。

$("button").click(function () {
  launchFullScreen(document.getElementsByTagName('video')[0]);
})
var count = 0;
setInterval(function(){
  count++;
  console.log(count);
  if(count == 5) {
    $("button").click();
  }
}, 1000);

// Find the right method, call on correct element
function launchFullScreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
</video> 
<input type="text" id="test">
<button>Fullscreen</button>

Javascript如何在不单击按钮的情况下切换全屏视频？

0 个答案: