全屏视频

Question

我在视频播放器中工作，我遇到全屏系统问题。如何将视频切换到全屏模式？

我目前的脚本如下：

<script>
$("#nome").click( function() {
    var element = document.getElementById("nome");       
    if (element.mozRequestFullScreen) {
         element.mozRequestFullScreen();
    } else if (element.webkitRequestFullScreen) {
         element.webkitRequestFullScreen();
    }  
});
</script>

Answer 1

将其包裹在DOCUMENT ready事件中。

<script>
$(document).ready(function () {
   $("#nome").click( function() {
    if ($(this).mozRequestFullScreen) {
         $(this).mozRequestFullScreen();
    } else if ($(this).webkitRequestFullScreen) {
         $(this).webkitRequestFullScreen();
    }  
  });
});
</script>

此外，您可以在jQuery中使用$(this)引用当前元素。您无需使用document.getElementById()引用新元素。

这是一个关于JavaScript API的教程，用于检测（几乎）所有浏览器上的FullScreen支持。包括桌面和移动浏览器。

http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

祝你好运！