关于 HTML5 video全屏问题的回复

发布时间：2021-12-11 10:34:06 所属栏目：教程来源：互联网

导读：有人在自制html5的控制器的过程中，会发现全屏之后自己写的控制器不见了而自带的控制器却跑了出来。这是因为没有理解好RequestFullscreen()的含义。 element.requestFullScreen() 作用：请求某个元素element全屏比如下列代码中 div id=Video_div class=vide

有人在自制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，菜鸟一枚，只是也碰到了这个问题，恰好解决了而已

（编辑：开发网_开封站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

台式电脑怎样恢复系统	iso其是什么格式怎么打
电脑上对话框太大如何	小白重装系统Bootfix.

关于 HTML5 video全屏问题 的回复

关于 HTML5 video全屏问题的回复