AirPlay

This feature is not (yet) supported on your device

AirPlay lets Safari users stream video from an Apple device to an Apple TV, AirPlay speaker or compatible smart TV. The URL in the src attribute if the video element should be a real URL. Streams or object URLs are not supported.

When the <video> element has the controls attribute, it will automatically show the AirPlay button in the media controls when available. If you provide your own controls, you can add a button to programmatically trigger AirPlay by calling player.webkitShowPlaybackTargetPicker() when the button is clicked.

Demo

On a supporting Apple device, start the video and tap the AirPlay icon in the media controls.

AirPlay <video controls playsinline src="https://cdn.jsdelivr.net/npm/big-buck-bunny-1080p@0.0.6/video.mp4"> </video> const player = document.querySelector("#airplay-player") const button = document.querySelector("#airplay-button") let isAirPlayAvailable = false button.disabled = !isAirPlayAvailable; player.addEventListener('webkitplaybacktargetavailabilitychanged', e => { if (e.availability === 'available') { isAirPlayAvailable = true } }); button.addEventListener('click', () => { if (isAirPlayAvailable) { player.webkitShowPlaybackTargetPicker() } });

Browser support

AirPlay for HTML media is available in Safari on compatible Apple devices.