首页 / 操作系统 / Linux / 关于 HTML5 video全屏问题 的解答

有人在自制html5的控制器的过程中，会发现全屏之后自己写的控制器不见了而自带的控制器却跑了出来。这是因为没有理解好RequestFullscreen（）的含义。element.requestFullScreen（）   作用：请求某个元素element全屏比如下列代码中<div id="Video_div" class="videoContainer"> 
<SPAN style="WHITE-SPACE: pre"> </SPAN><video id="myVideo" preload="auto"> 
    <SPAN style="WHITE-SPACE: pre"> </SPAN><source src="video-test.mp4" type="video/mp4"></source> 
        <p>Not Support the video tag！</p> 
    </video> 
    <div class="v_controls"> 
    <SPAN style="WHITE-SPACE: pre"> </SPAN><div id="play" class="btn btnPlay" title="Play/Pause video">Play</div> 
    <SPAN style="WHITE-SPACE: pre"> </SPAN><div id="stop" class="btn btnStop" title="Stop">Stop</div> 
    </div> 
</div> 如果调用全屏的时候，使用  $（"video"）[0].requestFullScreen（），则是 播放的视频对象全屏 ,而不是$（"#Video_div"）全屏若要使得自制的控制器也达到全屏效果，则应该使用$（"#Video_div"）[0].requestFullScreen（）。//正在自己研究开发web，菜鸟一枚，只是也碰到了这个问题，恰好解决了而已--------------------------------------分割线 --------------------------------------HTML5 地理位置定位（HTML5 Geolocation）原理及应用 http://www.linuxidc.com/Linux/2012-07/65129.htmHTML5移动开发即学即用（双色） PDF+源码 http://www.linuxidc.com/Linux/2013-09/90351.htmHTML5入门学习笔记 http://www.linuxidc.com/Linux/2013-09/90089.htmHTML5移动Web开发笔记 http://www.linuxidc.com/Linux/2013-09/90088.htmHTML5 开发中的本地存储的安全风险 http://www.linuxidc.com/Linux/2013-06/86486.htm《HTML5与CSS3权威指南》及相配套源码 http://www.linuxidc.com/Linux/2013-02/79950.htm关于 HTML5 令人激动的 10 项预测 http://www.linuxidc.com/Linux/2013-02/79917.htmHTML5与CSS3实战指南 PDF http://www.linuxidc.com/Linux/2013-02/79910.htm--------------------------------------分割线 --------------------------------------本文永久更新链接地址：http://www.linuxidc.com/Linux/2014-12/110887.htm