我的HTML5页面中有一个简单的视频标签。我没有显示视频标签的控件。
检查以下代码:

<video width="320" height="240" > <source src="movie.mp4" type="video/mp4"></video>

有什么方法可以触发全屏按钮单击事件,并使视频以全屏模式运行。

任何帮助将不胜感激。

提前致谢。

最佳答案

//由用户点击元素启动

 function makeFullScreen(divObj) {
       //Use the specification method before using prefixed versions
      if (divObj.requestFullscreen) {
        divObj.requestFullscreen();
      }
      else if (divObj.msRequestFullscreen) {
        divObj.msRequestFullscreen();
      }
      else if (divObj.mozRequestFullScreen) {
        divObj.mozRequestFullScreen();
      }
      else if (divObj.webkitRequestFullscreen) {
        divObj.webkitRequestFullscreen();
      } else {
        console.log("Fullscreen API is not supported");
      }

    }


有关更多信息:http://msdn.microsoft.com/en-us/library/ie/dn265028(v=vs.85).aspx

关于javascript - 手动触发HTML5中视频标签的全屏按钮单击事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21430939/

10-14 17:29