我的视频不能仅在移动设备上自动播放,我的代码有什么问题?

时间:2019-12-26 06:44:53

标签: javascript html css

在我添加控件= 0和指针事件之前,它在移动设备上有效。 然后我删除仍然无法在手机上自动播放的控件和指针事件


<div class="vimeo-wrapper display-xs-none">
        <div class="plyr__video-embed" id="player">
          <iframe style="pointer-events: none"
              src="https://www.youtube.com/embed/{{ page.video_header }}?origin=https://plyr.io&amp;autoplay=1&amp;loop=1&amp;mute=1&amp;controls=0&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;playlist={{ page.video_header }}"
              allowfullscreen
              allowtransparency
              allow="autoplay"
          ></iframe>
        </div>
</div>

1 个答案:

答案 0 :(得分:0)

display-xs-none表示:对于超小的显示,显示等于无。 XS小于576像素,因此包括您的手机。删除该行,它应该可以工作。