Question

我正试图在.html页面上启动Videoplayer VideoJS，全屏显示自动播放。某种程度上“自动播放”不起作用。有谁有想法？

 <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 -->

Answer 1

您可以使用

autoplay preload="auto"

当您询问全屏无法实现或正确的方式时，因为为了安全性和良好的用户体验，浏览器只会让您在用户内触发全屏 - 触发事件，就像“点击”一样。一旦您访问它，您就无法将每个网页全屏显示，并且您可以使视频自动开始播放，这违反了该规则。因此，您需要将其移至“点击”状态。实际播放按钮上的处理程序。

Source Here

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

1 个答案: