2017-07-27 123 views
9

我在單個頁面上有2個視頻播放器。在桌面上,一切正常,兩個視頻播放器都在播放視頻。但是,當我嘗試將此頁投射到Chromecast(通過谷歌瀏覽器擴展程序或通過https://demille.github.io/url-cast-receiver/)時,只有第一個視頻播放器處於活動狀態並正在播放,但第二個視頻播放器不起作用。Chromecast不播放多個HTML5視頻

我試圖調試它,它看起來像第二個視頻,在視頻的readyState = 1結束(第一視頻具有的readyState = 4)

有沒有辦法解決這個問題? (我需要一個頁面上有多個視頻播放器,因此只使用一個播放器和轉換視頻文件的網址是不是一個解決方案)

網址:http://iuvomedia.eu/chromecast/

+0

你試圖在同一時間播放這兩部影片,或者只是讓用戶選擇要播放/投? – Offbeatmammal

+0

不包括在我提到的例子中,但只有一個視頻正在播放,而其他視頻播放器正在加載視頻數據並被隱藏。當第一個視頻播放結束時,第二個播放將被顯示並通過play()函數調用。 但可見性並不重要,因爲即使兩個視頻都可見,它也不會播放。 當另一個視頻播放器正在播放視頻時,看起來Chromecast無法加載來自第二個播放器的視頻數據。 我還試圖在第二個視頻上調用load()函數,但沒有成功 - 加載視頻和狀態readyState = 1(加載的元數據)。 – tomas657

+0

你看過Chromecast JS api嗎? https://developers.google.com/cast/docs/chrome_sender_integrate – Offbeatmammal

回答

2

你不能有一個以上的活躍的媒體元素。

我的意思是,您可以有兩個媒體元素,一個播放沒有任何音頻的視頻,另一個播放音頻。

您不能同時擁有兩個活動視頻或兩個活動音頻管道。

檢查這裏:Create multiple instances of html video object

+0

什麼是「活動媒體元素」?當我有一個視頻播放器播放和第二個暫停(只有預加載數據),這種情況下有兩個活動的元素?我需要第二個視頻播放器來預載視頻,以便在第一個播放器完成播放時準備播放... – tomas657

+0

這就是您在您的問題中發言的視頻 –

4

如果你想要一個視頻播放等進行預加載,那麼你應該做的,你要播放視頻的隊列。 Chromecast會一次播放單個視頻,當它結束時它會自動加載隊列中的下一個視頻。

有關自動播放的信息和排隊可訪問https://developers.google.com/cast/docs/autoplay