移動設備上的HTML5視頻行爲

我正在構建一個網站，其中有幾個<video>元素（循環動畫），充當我設計的一部分（而不是實際視頻）。這在桌面瀏覽器中效果很好，但我在移動設備上遇到了麻煩。
當我在Android或iOS設備上顯示網站時（例如，移動webkit），我將獲得操作系統的視頻播放器外觀，當點擊它們時，視頻會以某種彈出方式打開。我知道我可以做某事像繞過自動播放限制：移動設備上的HTML5視頻行爲

window.onload = function() { 
    var pElement = document.getElementById("myVideo"); 
    pElement.load(); 
    pElement.play(); 
};

但是，這將再次打開在一個單獨的窗口中的視頻（S）...

有誰知道的可能性在移動設備上模擬/啓用類似桌面的行爲？謝謝！

編輯： 標記是基本<video> -syntax BTW：

<video autoplay loop> 
    <source src="vid.mp4" type="video/mp4" /> 
    <source src="vid.ogg" type="video/ogg" /> 
    <source src="vid.webm" type="video/webm" /> 
</video>

來源

2012-01-25 m90

請問您可以粘貼您使用的視頻標籤的html代碼嗎？ –

@ andriy.budzinskyy添加了標記。 – m90

嗯，我不知道關於Android，但iOS devices can't run multiple video streams simultaneously：

多個同時音頻或視頻流

目前，所有運行iOS的設備都是僅限於隨時播放單個音頻或視頻流。通過側播放多個視頻端，部分重疊或完全覆蓋 - 目前不支持在iOS設備上使用。同時播放多個音頻流也不受支持。但是，您可以動態更改音頻或視頻源。有關的詳細信息，請參閱「按順序更換媒體源」。

來源

2012-03-19 02:06:37 j08691

您是否知道是否有可能「欺騙」一個視頻的佔位符？ – m90

我嘗試了類似的東西，從未能夠解決這個限制。 – j08691

我認爲ios不喜歡自動播放或循環，因爲用戶帶寬。在瀏覽器的工作方式下，很難讓後臺播放音頻文件。我並不知道解決方法，但會感興趣。 – Blynn

不，Android或iOS設備（即移動webkit）無法按照您的需要運行視頻。視頻將在設備的默認視頻播放器中打開。

來源

2012-03-19 18:23:08

YouTube使用帶有ios的mov或mp4加載視頻的本機外觀，或者鏈接到他們的應用以播放視頻，因爲它安裝在每個ios設備上。

來源

2012-03-20 19:30:38 Blynn

這是一個有趣的觀點，從來沒有想過要看「大個子」如何處理這個問題。 Android上基於網絡的YouTube和vimeo視頻會在外部播放器中打開，但不幸的是，是否可以在iOS上觀看嵌入式YouTube視頻？ – m90

爲什麼您需要windows.onload繞過自動播放？如果我沒有記錯的preload標籤正確地設置爲none

<video src="vid.mov" preload=」none」></video>

應該工作。

另外，你有沒有嘗試過使用Video For Everybody的方法？有了它，應該可以讓視頻在網頁上播放，而不是通過手機的操作系統，這樣我相信你可以在支持的設備上獲得相同的效果。

編輯：在問候j08691's answer，適用於iPhone的替代方法可能是設計的網站爲iPhone它可以對無多視頻播放問題workaround一個簡單的Web查看器應用程序。

來源

2012-03-24 20:33:35

據我所經歷的移動設備將忽略'

嗯，所以你放棄了這個？我真的不知道爲什麼這個應用程序是一個選項，但你是否能夠在android上生成它？我也聽說過從JavaScript的本地互動到iOS。如果你真的非常需要它，你可以使用視頻轉換器。網上有很多。祝你好運 –

事情是，我試圖建立一個機制，我可以在以後的不同情況下重用（即把它放入一個jQuery插件）。對於有問題的網站，我總是可以找到一種解決方法，但是知道是否有一種「一勞永逸」方法（目前似乎不存在）是很好的。感謝您的意見。 – m90

移動設備上的HTML5視頻行爲

回答

相關問題