Question

我不想要一个视频控制器但暂停视频并改变它在JS的当前时间，我该怎么办？我做了很多研究并尝试了很多，但它总是说“无法读取属性'暂停'为null”。

Answer 1

如果您的<a-assets>中有视频：

<a-assets>
   <video id="myvideo">
</a-assets>

<a-videosphere src="#myvideo>

然后你可以在视频资产上调用play（）/ pause（），例如：

document.querySelector("#myvideo").pause();

<小时/> 如果您将a-videosphere src设置为.mp4文件的直接链接，请尝试调用videosphereElReference.getAttribute('src').pause();上的函数工作小提琴here。

Answer 2

此代码对我有用

Fiddle

您可以在控制台日志中看到它的播放/暂停时间

右键单击->检查元素->单击控制台选项卡

<meta charset="utf-8">
<title>360 Video</title>
<meta name="description" content="360 Video — A-Frame">
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>    <script>
AFRAME.registerComponent('foo',{
init:function(){
  var vid = document.getElementById('video');
  setTimeout(function(){

  document.querySelector('#video').pause();
  console.log('pause');
  },5000);
  setTimeout(function(){
   vid.play();
   console.log('play');
  },10000);
}
})
</script>
<a-scene foo>
  <a-assets>
    <video id="video" src="https://ucarecdn.com/fadab25d-0b3a-45f7-8ef5-85318e92a261/"
           autoplay loop crossorigin="anonymous"></video>
  </a-assets>

  <a-videosphere src="#video" rotation="0 180 0"></a-videosphere>
</a-scene>

如何暂停A帧中的视频圈？

2 个答案: