HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Airplay与自定义html5控件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人知道是否有办法让Airplay在使用CUSTOM CONTROLS的 html5视频上工作?这是重要的部分,我意识到如果你使用内置的html5控件,你可以只添加x-webkit-airplay =“allow”属性.但我的视频播放器使用自定义控件. @H_502_2@似乎Safari会将Airplay按钮放在内置的html5控件上,但如果我不使用内置控件,有没有办法做到这一点?这是我写的html5播放器的链接.请注意底部的控件是我自己的:

@H_502_2@http://pluralsight.com/training/Player?author=keith-brown&name=aspdotnet-security&mode=live&clip=0&course=aspdotnet-security

@H_502_2@谢谢!

@H_674_5@

解决方法

这里好消息!该功能已在Safari 9中实现. @H_502_2@通过. What’s New in Safari 9

@H_502_2@这是HTML5 video и кнопка для AirPlay一个例子

// 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();
        });
    });
}
@H_674_5@ @H_674_5@

大佬总结

以上是大佬教程为你收集整理的Airplay与自定义html5控件全部内容,希望文章能够帮你解决Airplay与自定义html5控件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。