NOTE: This version of the documentation tracks unstable development happening on A-Frame’s
masterbranch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 0.8.0 version
The videosphere primitive plays 360° videos in the background of the scene. Videospheres are a large sphere with the video texture mapped to the inside.
More indepth knowledge on the methods to alter video material can be seen over here
// to set specific time of video
Note that the videosphere primitive inherits common attributes.
|Attribute||Component Mapping||Default Value|
To be seamless, source videos should be equirectangular.
iOS has a lot of restrictions on playing videos in the browser. To play an inline video texture, we must:
- Set the
<meta name="apple-mobile-web-app-capable" content="yes">meta tag. A-Frame will will inject this if missing.
- Set the
playsinlineattribute to the video element. A-Frame will add this to all videos if missing).
- Pin the webpage to the iOS homescreen.
Inline video support on iOS 10 may change this. On certain Android devices or browsers, we must:
- Require user interaction to trigger the video (such as a click or tap event). See Chromium Bug 178297