歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> 關於 HTML5 video全屏問題 的解答

關於 HTML5 video全屏問題 的解答

日期:2017/3/1 9:35:58   编辑:Linux編程

有人在自制html5的控制器的過程中,會發現全屏之後自己寫的控制器不見了而自帶的控制器卻跑了出來。這是因為沒有理解好RequestFullscreen()的含義。

element.requestFullScreen() 作用:請求某個元素element全屏

比如下列代碼中

<div id="Video_div" class="videoContainer">
<SPAN > </SPAN><video id="myVideo" preload="auto">
<SPAN > </SPAN><source src="video-test.mp4" type="video/mp4"></source>
<p>Not Support the video tag!</p>
</video>
<div class="v_controls">
<SPAN > </SPAN><div id="play" class="btn btnPlay" title="Play/Pause video">Play</div>
<SPAN > </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.htm

HTML5移動開發即學即用(雙色) PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90351.htm

HTML5入門學習筆記 http://www.linuxidc.com/Linux/2013-09/90089.htm

HTML5移動Web開發筆記 http://www.linuxidc.com/Linux/2013-09/90088.htm

HTML5 開發中的本地存儲的安全風險 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.htm

HTML5與CSS3實戰指南 PDF http://www.linuxidc.com/Linux/2013-02/79910.htm

--------------------------------------分割線 --------------------------------------

Copyright © Linux教程網 All Rights Reserved