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（圈養網絡助理）

回答

相關問題