4

我正在建立一个免费 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 不加载视频 CNA 不加载视频

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

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

4

1 回答 1

1

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

type="video/mp4"

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

于 2017-03-09T16:31:12.190 回答