aframe/src/components/scene/embedded.js

A web framework for building virtual reality experiences.

import { registerComponent } from '../../core/component.js';

/**
 * Component to embed an a-frame scene within the layout of a 2D page.
 */
export var Component = registerComponent('embedded', {
  dependencies: ['xr-mode-ui'],

  schema: {default: true},

  sceneOnly: true,

  update: function () {
    var sceneEl = this.el;
    var enterVREl = sceneEl.querySelector('.a-enter-vr');
    if (this.data === true) {
      if (enterVREl) { enterVREl.classList.add('embedded'); }
      sceneEl.removeFullScreenStyles();
    } else {
      if (enterVREl) { enterVREl.classList.remove('embedded'); }
      sceneEl.addFullScreenStyles();
    }
  }

});