HTML5 视频在 Mac OS X（桌面）CNA（强制网络助手）上不显示

Question

我正在构建一个用于免费 wifi 访问的强制门户。当用户连接时，CNA 会在加载我的门户的屏幕中弹出。

问题： HTML5 视频未在 OS X 桌面上显示。iPhone 也可以显示，桌面则不行。我什至无法检查这个邪恶浏览器中的任何内容（它可以称为浏览器吗？我不这么认为）。

我的视频代码：

<video id="promo-video" height="100%" width="100%" preload="auto" autoplay="" muted="" webkit-playsinline="" playsinline="">
  <source src="externalUrlToVideo" type="video/mp4">
</video>

请记住，这段完全相同的代码在 iOS 上显示视频（但不会自动播放......目前这是一个小问题）。

一些屏幕截图*可能会对某些人有所帮助。视频应在右栏中播放： CNA 无法加载视频

当我右键单击视频然后单击“显示控件”时会发生什么

另外，当我右键单击然后单击“在新窗口中打开视频”时，它只显示一个视频播放器，但没有显示任何内容。显然，播放按钮不起作用......

Answer 1

您可以尝试将 type="" 属性添加到源中。包括视频 MIME 类型，例如

type="video/mp4" 

另外，我认为视频不会在 iOS 上自动播放。从历史上看，由于下载视频内容的数据费用，它阻止了自动播放。我不确定我最近是否读过正在发生变化的地方。从用户的角度来看，通过自动播放视频来限制他们的数据流量可以说是不公平的，即使它提高了美观或用户体验。