关于 HTML5 video全屏问题 的解答
关于 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)原理及应用
HTML5移动开发即学即用(双色) PDF+源码
HTML5入门学习笔记
HTML5移动Web开发笔记
HTML5 开发中的本地存储的安全风险
《HTML5与CSS3权威指南》及相配套源码
关于 HTML5 令人激动的 10 项预测
HTML5与CSS3实战指南 PDF
--------------------------------------分割线 --------------------------------------
本文永久更新链接地址:
评论暂时关闭