Media Playback

The <octopod-player> element was created with compatibility in mind. Internally it uses an instance of HTMLMediaElement such as <audio> or <video> to handle playback of media files, while also mimicking its functionality. This means you can implement it alongside an existing media player or use it as a replacement.

To use an existing media player, either specify the element ID of the media element inside the player attribute or set the mediaPlayer property:

<!-- Not implemented yet -->
const audioPlayer = document.createElement('audio');
audioPlayer.src = 'your-media-file.mp3';

const octopodPlayer = document.createElement('octopod-player');
octopodPlayer.mediaPlayer = audioPlayer;
Loading the web debug toolbar…
Attempt #