【问题标题】:html5 video on chrome mobile - native player control bar missing icon ( options )chrome mobile上的html5视频-本机播放器控制栏缺少图标(选项)
【发布时间】:2026-01-17 22:15:01
【问题描述】:

env - 移动版 Chrome Beta (68.0.3440.23)

到上面提供html5 video.src :

内容类型:application/vnd.apple.mpegurl

您在下面的 devtools.network 屏幕截图中看到的 m3u8 主体

播放正常。但是,如屏幕截图所示,原生播放器控制栏缺少通常在右下角看到的“选项”图标,就在全屏图标的右侧。

问题 - 无法弄清楚为什么原生播放器决定不包含选项图标。我需要选项,因为我希望能够通过 chromecast 将播放“投射”到电视上。

注意附件中m3u8的内容。它是在服务器上创建的(不是静态 m3u8 )。播放静态 m3u8 时,控制栏包含选项图标。

但我没有看到附加屏幕截图中发送的 m3u8 中的错误。

【问题讨论】:

  • chrome mobile v 67 将同时显示 options 和 option.caste 图标。但是示例 hls m3u8 实际上并没有在电视接收器上播放。电视开始在 https ... m3u8 上加载,闪烁正在加载的 url 以及 onLoading 微调器...但播放永远不会开始,它会恢复到电视上的种姓登录页面。无法在接收器上调试它。
  • 仍然是一个流畅的环境,如果你想避免 CC 发送方/接收方库,并且只有 html5 video.src 标签值告诉原生播放器加载什么,希望你在原生播放器中获得控制栏包括将打开“cast to”对话框的选项菜单和 CC 设备的 selectionList。 AsOf chrome 72,通过将所有 url 更改为以 /default.m3u8 结尾,我能够让它在 Chrome 移动设备上运行。本机播放器似乎在 url 中关闭文件扩展名,而不是检查 http.hdr.content-type。 IMO - url 中的文件类型是解析 Html5 播放器并使其正常工作的关键。

标签: html google-chrome video http-live-streaming


【解决方案1】:

除非最近发生了变化(这当然很有可能......),否则移动版 Chrome 不支持从浏览器投射视频。

您可以在一些 Google Chromecst 在线信息中看到这一点,例如,如果您在此链接的“计算机”和“Android”选项卡之间切换:

可能是静态 m3u8 出现选项栏,因为播放器允许使用该格式进行搜索,但不允许使用动态 m3u8 - 即选项栏可能仍然不包含 CAST 功能。

【讨论】:

  • 谢谢。我认为这是一个不稳定的情况。最近,m3u8 通常会强制转换 - bitmovin.com/mpeg-dash-hls-examples-sample-streams 。这些都有效,但不再有效!现在,投射按钮仍显示在选项下,它似乎开始向电视流式传输,但不播放。我想我可以在 9222 调试它以获取详细信息。静态 m3u8 仍然很好。在 ios 和 Apple TV 上,一切都运行良好,静态、动态。我认为我可以使用 m3u8 来处理 ios vs android 的个人游戏和或排队列表。我猜这不是一个好选择。
最近更新 更多