Buildfire：苹果设备嵌入直播流出现黑屏问题求助

1. 优化video标签的iOS专属属性 #

iOS Safari（包括Buildfire的WebView环境）对视频内联播放有严格限制，默认会强制全屏播放导致黑屏。添加playsinline和webkit-playsinline属性可强制视频在页面内播放，同时保留静音属性满足iOS自动播放要求：

<p class="bf-wysiwyg-top">
  <video 
    loop 
    muted 
    controls 
    width="100%" 
    height="auto"
    playsinline
    webkit-playsinline
  >
    <source src="linktovideostream" type="video/mp4" />
  </video>
</p>

2. 调整iframe的权限与布局 #

使用iframe时，需明确授权媒体播放权限，并设置合理的容器比例避免iOS布局异常：

<p class="bf-wysiwyg-top" style="text-align: center;">
  <iframe 
    src="linktovideostream" 
    frameborder="0" 
    allowfullscreen
    allow="autoplay; fullscreen"
    style="width: 100%; height: auto; aspect-ratio: 16/9;"
  ></iframe>
</p>

3. 确认直播流的兼容性 #

iOS原生不支持RTMP协议播放，需确保服务商提供的是HLS（.m3u8）格式的HTTPS链接，且视频编码为H.264（Baseline/Main profile）。若仍使用RTMP流，Buildfire的WYSIWYG编辑器无法直接支持，需集成第三方播放器插件。

4. 检查Buildfire WebView配置 #

进入Buildfire应用后台，确认WebView的媒体播放权限已开启，尤其是内联播放和自动播放权限。部分默认配置可能会限制视频的内联播放行为，需手动调整。

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