html play控件,Airplay与自定义html5控件

这里好消息！该功能已在Safari 9中实现.

Safari 9.0 allows you to create custom controls for HTML5 media with JavaScript AirPlay support. Use Safari’s WebKitPlaybackTargetAvailabilityEvent to detect Airplay availability and then add your own controls for streaming audio and video to AirPlay devices.

// Detect if AirPlay is available

// Mac OS Safari 9+ only

if (window.WebKitPlaybackTargetAvailabilityEvent) {

video.addEventListener('webkitplaybacktargetavailabilitychanged',function(event) {

switch (event.availability) {

case "available":

AirPlayButton.show();

break;

default:

AirPlayButton.hide();

}

AirPlayButton.on('click',function() {

video.webkitShowPlaybackTargetPicker();

});

});

}