Adding Videos

The consumption of video-based content is on the rise. It’s one of the best mediums to effectively disseminate information. WebXR provides extensive support to include video-based interactivity for both conventional non-immersive 2D videos and immersive 360º videos. In the following sections, we elaborate on how to include videos to enrich our WebXR experiences.

To add a video to an A-Frame scene, we can use the <a-video> primitive. The primitive takes an src attribute that specifies the URL of the video file. Using other attributes, we can also specify the video’s width, height, and position attributes. Here’s an example of how to add a video to an A-Frame scene: