a-videosphere Black screen

[eliaskh]

issue. --> Hello, i have issue, i am using this code

<a-scene loading-screen="enabled:false" embedded vr-mode-ui="enabled:false" style={{ width: '100%', height: '100vh', postion: 'fixed', top: '0px', left: '0px', zIndex: '25', }}

<a-videosphere rotation="0 0 0" animation="property: rotation; to: 0 360 0; loop: true; dur: 30000" autoplay="true" loop="true" src={video} webkit-playsinline="true" playsinline="true"

    <a-camera
      position="0 0 0"
      id="tour-cammera"
      zoom="0.4"

      // fov={fov}
    ></a-camera>
  </a-scene>

but the video sphere is working randomly, sometimes it working, and other show total black screen ! any one can help me please. Thank you all.

• A-Frame Version:
• Platform / Device:
• Reproducible Code Snippet or URL:

[eliaskh]

it happens on my iPhone and Samsung mobiles

[dmarcos]

Link to runnable code to reproduce? Glitch is recommended https://glitch.com/~aframe

[bknill]

Could be a couple of things:

• Attempting to play the video before a click or touch
• Playing and then pausing straight away