关于 HTML5 video全屏问题 的解答

有人在自制html5的控制器的过程中,会发现全屏之后自己写的控制器不见了而自带的控制器却跑了出来。这是因为没有理解好RequestFullscreen()的含义。

element.requestFullScreen()    作用:请求某个元素element全屏

比如下列代码中

<div> 
<SPAN> </SPAN><video preload="auto"> 
    <SPAN> </SPAN><source src="https://www.linuxidc.com/video-test.mp4" type="video/mp4"></source> 
        <p>Not Support the video tag!</p> 
    </video> 
    <div> 
    <SPAN> </SPAN><div title="Play/Pause video">Play</div> 
    <SPAN> </SPAN><div title="Stop">Stop</div> 
    </div> 
</div> 

如果调用全屏的时候,使用  $("video")[0].requestFullScreen(),则是 播放的视频对象全屏 ,而不是$("#Video_div")全屏

若要使得自制的控制器也达到全屏效果,则应该使用$("#Video_div")[0].requestFullScreen()。

//正在自己研究开发web,菜鸟一枚,只是也碰到了这个问题,恰好解决了而已

--------------------------------------分割线 --------------------------------------

HTML5 地理位置定位(HTML5 Geolocation)原理及应用

HTML5移动开发即学即用(双色) PDF+源码

HTML5入门学习笔记

HTML5移动Web开发笔记

HTML5 开发中的本地存储的安全风险

《HTML5与CSS3权威指南》及相配套源码

关于 HTML5 令人激动的 10 项预测

HTML5与CSS3实战指南 PDF

--------------------------------------分割线 --------------------------------------

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/1776a5a3f1e5e1f6d69a4786912b5903.html