Playing Music Videos

Integrate Music Videos for playback in your website.

Overview

There are two ways to specify a video container.

1. Adding an element with an id of apple-music-video-container

<div id="apple-music-video-container"></div>
Copy

2. Assigning an element to the videoContainerElement property on the MusicKit instance

const music = MusicKit.getInstance();
const el = document.getElementById('some-element-id');

music.videoContainerElement = el;
Copy

With a video container set, music videos can be queued and played like any other content type

const music = MusicKit.getInstance();

await music.setQueue({ musicVideo: '1565280313' });
await music.play();
Copy