Airplay Plugin

Stream video from your Apple device to a TV

Apple's Airplay allows users to stream videos, images, music, and other forms of media from an Apple device to your Apple TV and popular smart TVs. The Nuevo plugin features airplay plugin for all plans. Once the plugin loaded (less than 2kB) and initialized, airplay support is detected automatically and appropriate button appears in the control bar, right before the fullscreen button. The airplay button allows to switch between your Apple device and your Apple TV or AirPlay 2-compatible smart TV.

Code snippet

<script src="/videojs/video.js"><script>
<script src="/videojs/nuevo.min.js"><script>
<script src="/videojs/videojs.airplay.js"><script>

<script>
var player = videojs("my_player");
player.nuevo({ contextMenu:false });
player.airplay();
</script>

When casting through AirPlay , the viewer relies on Apple's native video player and this comes with some limitations.

AirPlay does not support client-side ad-insertion. Instead, you could consider using server-side ad-insertion, or disabling client-side ad-insertion when allowing AirPlay.
AirPlay does not support VR/360 videos.
AirPlay does not support MPEG-DASH.
AirPlay does not support any UI customization.
AirPlay does not support some closed captions and subtitle formats, including CEA-608 and sideloaded (WebVTT) subtitles. Instead, you must use subtitles that are supported natively.
AirPlay does not support manual quality switches. Instead, viewers can only rely on automatic quality selection.
AirPlay does not support authentication cookies. AirPlay streams run on a device other than the device initiating the session.

The airplay plugin is available as CommonJS (.cjs) and ESM (.es) modules for Gold Plan Components users, ready to deploy in apps like React or Vue.