FrameworkStyle

PlayerMixin (Removed)

Migration guide for replacing removed PlayerMixin/PlayerElement APIs

PlayerMixin and PlayerElement were removed from HTML createPlayer. Use ProviderMixin and ContainerMixin directly.

Migration

Old: 

const { PlayerElement } = createPlayer({ features: videoFeatures });
customElements.define('video-player', PlayerElement);

New: 

const { ProviderMixin, ContainerMixin } = createPlayer({ features: videoFeatures });

// Split elements
class VideoPlayer extends ProviderMixin(MediaElement) {}
class MediaContainer extends ContainerMixin(MediaElement) {}

// Single element equivalent of old PlayerMixin
class ComposedPlayer extends ProviderMixin(ContainerMixin(MediaElement)) {}

Notes

  • Built-in player elements (@videojs/html/video/player, @videojs/html/audio/player, etc.) now use a provider element plus <media-container> for media attachment.
  • Barebones player markup should use media-container as first child, with UI inside the container.
  • See createPlayer for current API and examples.
VideoJS