Question

在A-Frame中，视频和视频领域无法正常工作/播放自动播放。众所周知，Mobile浏览器无法自动播放，需要用户操作才能播放。现在我已经使用了点击事件来播放视频，但它在A-Frame代码中的工作/播放不在下面。

Answer 1

如果您不希望自动播放视频，请移除autoplay。

var myPlayBtn = document.querySelector('#playButton')
myPlayBtn.addEventListener('click', function() {
  document.querySelector('#scen01-video').play()
})

<video width="320" height="240" id="scen01-video" loop="true" src="https://cdn.glitch.com/237f9e5e-9593-4123-a05c-eff4a2b38f99%2FCaliper_logo_video.ogg?1499957478610"></video>
<img  width="320" height="240" id="playButton" src="https://cdn.glitch.com/237f9e5e-9593-4123-a05c-eff4a2b38f99%2Fyoutube-button-web-click.png?1499343364878">

在A-Frame视频和视频领域不适用于移动和平板电脑设备

1 个答案: