<a-videosphere>
Note: This documentation is for the old 0.1.0 version of A-Frame. Check out the documentation for the current 1.5.0 version
The videosphere primitive makes it easy to add 360-degree videos to a scene. It is essentially a large sphere with a video texture. The primitive wraps an entity that contains geometry and material components. The material component uses a video texture.
| Attribute | Component Mapping | Default Value |
|---|---|---|
| autoplay | <video>.autoplay |
true |
| crossOrigin | <video>.crossOrigin |
anonymous |
| height | geometry.height | 2 |
| loop | <video>.loop |
true |
| radius | geometry.radius | 5000 |
| src | material.src | None |
| translate | geometry.translate | 0 0 0 |
Video format
To ensure a seamless 360 image, source videos must use an equirectangular projection.
Examples
A basic videosphere:
<a-videosphere src="antarctica.mp4"><a-videosphere> |