关于 HTML5 video全屏问题的解答

墨影司

于 2013-12-12 01:36:02 发布

阅读量3.8k

点赞数

分类专栏： web前端文章标签： html5 video fullscreen 全屏

本文链接：https://blog.csdn.net/u012879038/article/details/17273371

版权

在自制HTML5视频控制器时，全屏切换可能导致自定义控制器消失。正确使用`element.requestFullScreen()`方法，如`$("#Video_div")[0].requestFullScreen()`，能使整个包含视频的元素全屏，从而确保控制器在全屏模式下可见。

摘要由CSDN通过智能技术生成

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

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

比如下列代码中

<div id="Video_div" class="videoContainer">
	<video id="myVideo" preload="auto">
		<source src="video-test.mp4" type="video/mp4"></source>
		<p>Not Support the video tag!</p>
	</video>
	<div class="v_controls">
		<div id="play" class="btn btnPlay" title="Pla