Take the 2-minute tour ×

Does anyone know if there is a way to get get Airplay to work on an html5 video that is using CUSTOM CONTROLS. That is the important part, I realize that you can just add the x-webkit-airplay="allow" attribute to the element if you are using the built in html5 controls. But my video player uses custom built controls.

It appears that Safari will put the Airplay button on the built in html5 controls, but is there a way to do it if I'm not using the built in controls? Here is a link to the html5 player I've written. Notice that the controls at the bottom are my own:



share|improve this question
add comment

1 Answer

up vote 2 down vote accepted

Sadly Apple hasn't implemented Airplay JavaScript event calls, this is mostly because when you use AirPlay in your native quicktime controls AirPlay prompts the user with near by AirPlay devices. Currently there isn't a Safari specific JS implementation to pull this data in your content and create buttons based on what's available.

As of Feb 2013, the only thing you can specify for AirPlay in HTML5 is if you wish to show or not show AirPlay controls.


You can file a bug with Apple if this is a feature you would like in future releases: https://bugreport.apple.com/

Hope this helps.

share|improve this answer
add comment

Your Answer


