如何在Safari中禁用AirPlay按钮？iOS与Mac端技术求助

我明白你遇到的困扰——明明按照文档设置了所有禁用AirPlay的属性和API，但Safari原生播放器里的AirPlay按钮就是顽固存在，尤其是针对Wowza的HLS（.m3u8）流。结合你使用的Safari 12.1.1和iOS 12.1版本，这里有几个关键原因和可行的解决方案：

为什么现有方法不生效？ #

在Safari 12.x版本中，针对HLS流媒体（尤其是来自Wowza这类专业流媒体服务器的流），前端设置的x-webkit-airplay="deny"、x-webkit-wirelessvideoplaybackdisabled以及disableRemotePlayback = true可能会被忽略。这是因为Safari对HLS流的播放逻辑有特殊处理，部分前端控制属性无法覆盖底层媒体框架的默认行为；而且如果流媒体服务器返回的响应头中包含允许AirPlay的配置，也会优先于前端设置。

可行解决方案 #

1. 自定义视频控件（最可靠的方案） #

完全放弃Safari原生的controls属性，自己实现一套播放控件（播放/暂停、进度条、音量控制等），从根源上避免原生控件带来的AirPlay按钮问题。

修改你的代码示例：

// 移除controls属性，后续自行实现自定义控件
const $video = $(`<video style="width: 100%; height: 100%" class="ios-video" autoplay muted playsinline>`);
$video[0].disableRemotePlayback = true;
$video[0].src = stream;
$(self.playerSelector).append($video);

// 示例：添加自定义播放按钮及事件绑定
// const $playBtn = $(`<button class="custom-play-btn">播放/暂停</button>`);
// $(self.playerSelector).append($playBtn);
// $playBtn.on('click', () => {
//   $video[0].paused ? $video[0].play() : $video[0].pause();
// });

2. 检查并修改Wowza服务器配置 #

登录你的Wowza管理后台，检查流媒体应用的配置：

• 找到HLS相关设置，确认是否开启了AirPlay支持，若有则直接禁用该选项
• 确保服务器返回的响应头中没有强制允许AirPlay的特殊字段，避免覆盖前端设置

3. 补充标准属性尝试 #

除了你已设置的属性，添加标准的airplay="deny"属性（去掉webkit前缀，适配后期规范），同时确保视频始终处于内联播放状态（playsinline），避免触发全屏模式（全屏下AirPlay按钮可能强制显示）：

<video style="width: 100%; height: 100%" class="ios-video" autoplay muted playsinline x-webkit-airplay="deny" x-webkit-wirelessvideoplaybackdisabled airplay="deny"></video>

额外验证 #

你可以在浏览器控制台中检查视频元素的属性，确认设置是否生效：

console.log($video[0].webkitWirelessVideoPlaybackDisabled);
console.log($video[0].disableRemotePlayback);

如果这些值显示为true但按钮仍存在，那基本可以确定是Safari对HLS流的特殊处理导致，此时自定义控件是最优解。

内容的提问来源于stack exchange，提问作者user11907070