jquery VideoJS自动播放和全屏页面加载

klh5stk1 于 2023-10-17 发布在 jQuery

关注(0)|答案(2)|浏览(274)

我试图启动VideoJS上的.html页面与自动播放全屏。不知何故，“自动播放”不起作用。有人知道吗？

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="true" style="max-width: 90%; margin: 0 auto 0 auto;" 
                        width="100%" height="100%"
  poster=""
  data-setup="{"controls": true,  "autoplay": true, "preload": auto, "customControlsOnMobile": true}">
<source src="Z3_Kopf_Web_k.mp4" type='video/mp4' />
<source src="Z3_Kopf_Web_k.webm" type='video/webm' />
<source src="Z3_Kopf_Web_k.flv" type='video/flv' />
<source src="Z3_Kopf_Web_k.ogv" type='video/ogg' />
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
<track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->

jquery

来源：https://stackoverflow.com/questions/24884242/videojs-autoplay-and-fullscreen-on-pageloading

2条答案

按热度按时间

djmepvbi1#

您可以使用

autoplay preload="auto"

正如你所问的，全屏是不可能的，也是正确的方式，因为为了安全和良好的用户体验，浏览器只允许你在用户触发的事件中触发全屏，比如“点击”。你不能让每个网页在你访问它的时候都全屏显示，你可以让视频自动开始播放，这违反了这条规则。所以你需要把它移动到实际播放按钮上的“点击”处理程序。
Source Here

赞(0）回复(0）举报 2023-10-17

wvt8vs2t2#

如果没有用户交互，就无法进入全屏。这是浏览器实现的安全功能。
只有当有用户交互或设备方向更改时，您才能转到全屏。
https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen

赞(0）回复(0）举报 2023-10-17