HTML5视频没有显示在Mac OS X（桌面）CNA（圈养网络助理）

我建设免费WiFi接入一个强制网络门户。当用户连接时，CNA会弹出加载我的门户的屏幕。HTML5视频没有显示在Mac OS X（桌面）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>

其他事实：下面的代码返回probably：

var promoVideo = document.getElementById('promo-video') 
promoVideo.canPlayType('video/mp4; codecs="avc1.42E01E"')

记住，这非常相同的代码显示在iOS视频（但不自动播放...现在这是一个小问题）。

一些截图*，可以帮助一些。视频应在右栏中播放：

此外，当我用鼠标右键单击，然后单击“打开视频在新窗口”，它仅显示一个视频播放器，但没有什么可以显示的。显然，播放按钮并不能使它工作...

来源

2017-03-09 Arthur Cantarela

你可以尝试添加类型=“”属性源。在那里包含视频MIME类型，例如

type="video/mp4"

另外，我不认为视频会在iOS上自动播放。从历史上看，由于下载视频内容的数据费用，它阻止了自动播放。我不确定我最近是否读了一些正在改变的地方。从用户角度来看，即使美学或用户体验得到改善，使用自动播放视频来获取数据允许也是不公平的。

来源

2017-03-09 16:31:12 Taintedmedialtd

Safari和其他WebKit浏览器现在能够做iOS上的自动播放。在android中，如果视频静音，某些浏览器可以自动播放。我无法使用用户手势。感谢你的回答，我会测试它并反馈你。 –

没有工作=（但它也观察到，刚刚更新了我的代码和我的问题，谢谢。诗：你可以给予好评问题？TY @Taintedmedialtd –

OK，听起来就像是浏览器不支持的视频格式。几个问题：它是什么浏览器和什么版本？视频/ mp4是正确的文件格式吗？你能告诉我视频从哪里流？例如YouTube，Vimeo，本地托管等？您的浏览器如何在正确的文件格式“caniuse”支持表：http://caniuse.com/#feat=video - 如果你去那里看看子功能，你会看到4种视频格式。大多数现代浏览器已经对齐了mp4，但历史上你必须提供超过1个来源才能满足它们。 – Taintedmedialtd

HTML5视频没有显示在Mac OS X（桌面）CNA（圈养网络助理）

回答

相关问题