title: Airplay with Custom html5 controls
body: <p>Does anyone know if there is a way to 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.  </p>
  
  <p>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:</p>
  
  <p><a href="http://pluralsight.com/training/Player?author=keith-brown&amp;name=aspdotnet-security&amp;mode=live&amp;clip=0&amp;course=aspdotnet-security" rel="nofollow noreferrer">http://pluralsight.com/training/Player?author=keith-brown&amp;name=aspdotnet-security&amp;mode=live&amp;clip=0&amp;course=aspdotnet-security</a></p>
  
  <p>Thanks!</p>