HTML5 视频未显示在 Mac OS X（桌面）CNA（Captive Network Assistant）

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 不加载视频

当我右键单击视频然后单击 "Show controls"

时会发生什么

另外，当我右击然后点击"Open video in a new window"时，它只显示一个视频播放器，但没有显示在里面。显然，播放按钮无法正常工作...

Answer 1

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

type="video/mp4"

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

HTML5 视频未显示在 Mac OS X（桌面）CNA（Captive Network Assistant）

HTML5 Video not showing on Mac OS X (Desktop) CNA (Captive Network Assistant)

html

macos

video

captiveportal