Javascript 如何在a帧中暂停视频球体？

我不想要视频控制器，但暂停视频并在JS中更改其当前时间，我该怎么办？我做了很多研究和尝试，但它总是说“无法读取null的属性‘pause’”

如果您的

中有视频如果您的
中有视频此代码对我有效


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

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

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


360视频
AFRAME.registerComponent（'foo'{
init:function（）{
var vid=document.getElementById（'video'）；
setTimeout（函数（）{
document.querySelector（“#video”）.pause（）；
console.log（'pause'）；
},5000);
setTimeout（函数（）{
视频播放（）；
console.log（'play'）；
},10000);
}
})
这个代码对我有用


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

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

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


360视频
AFRAME.registerComponent（'foo'{
init:function（）{
var vid=document.getElementById（'video'）；
setTimeout（函数（）{
document.querySelector（“#video”）.pause（）；
console.log（'pause'）；
},5000);
setTimeout（函数（）{
视频播放（）；
console.log（'play'）；
},10000);
}
})
Sayakura你好，欢迎来到StackOverflow。请分享您的尝试（例如，代码/研究）。另外，花点时间阅读。嗨，早樱，欢迎来到StackOverflow。请分享您的尝试（例如，代码/研究）。另外，花点时间阅读。我在标签中插入了带有标签的代码，但它不起作用，视频将在结束时播放并停止，控制台显示“UncaughtTypeError:无法读取null的属性‘pause’”哦，所以所有脚本都需要在一个组件中！这就是我的脚本不起作用的原因。。感谢you@Sayakura你可以在组件外声明函数，但这样看起来更简洁：）希望它能在你的案例中工作参考最后一句话，我得到这个错误：Uncaught TypeError:entityEl.getAttribute（“src”）。pause不是一个函数…我在标记中插入了带有标记的代码，但它不起作用，视频将在结束时播放并停止，控制台显示“UncaughtTypeError:无法读取null的属性‘pause’”哦，所以所有脚本都需要在一个组件中！这就是我的脚本不起作用的原因。。感谢you@Sayakura您可以在组件之外声明函数，但这样看起来更简洁：）希望它能在您的案例中工作参考上一句话，我得到了以下错误：uncaughttypeerror:entityEl.getAttribute（“src”）。pause不是一个函数。。。
<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>