Video.js - 自動播放和循環在手機上不起作用

Question

我使用此代碼制作視頻（例如橫幅，因此沒有控件）自動播放並永遠循環播放。

<video id="video1" class="video-js vjs-default-skin"
      controls width="900" height="500"
      poster="myposter.jpg"
      data-setup='{
        "controls": false,
        "loop": "true",
        "autoplay": true, 
        "preload": "true"}'>
         <source src="thisismyvideoyay.webm" type='video/webm' />
    </video>

它在我的電腦上運行良好，但在我的手機上（Android OS 4.2.2 with Chrome）它不會自動播放或預加載，也不會在完成后循環。

我在 Video.js 頁面上讀到了這個：

自動：立即開始加載視頻（如果瀏覽器同意）。 某些移動設備（如 iPhone 和 iPad）不會預加載視頻以保護用戶的帶寬。 這就是為什么該值被稱為“自動”而不是像“真”這樣的更最終的東西。

我將預加載設置為 true 但它仍然不會自動播放或循環播放。

這是我的瀏覽器的一個功能，我該如何避免？

我在其他瀏覽器上試過：

• UC 瀏覽器似乎根本不支持 HTML5？
• 股票瀏覽器顯示一個小視頻圖標，但也不顯示播放器
• ↑ 與傲游相同 ↑

Answer 1

要解決 iOS 上的自動播放問題，請不要使用 videojs選項來自動播放視頻。

換句話說，這行不通：

<video id="my-video-id" autoplay></video>

這也不會：

videojs('my-video-id', {
    "autoplay": true
});

而是等待視頻對象加載，然后觸發播放動作：

videojs('my-video-id').ready(function() {
    this.play();
});

Answer 2

在手機上，您無法讓它循環或預加載數據。 但我確實有一個解決方案，您可以自動播放它。 你可以在這里使用我的代碼 = http://www.andy-howard.com/recreate-bbc-iplayer/index.html

只需在准備好的文檔上添加額外的點擊功能。 這將使手機上的瀏覽器單擊圖像，然后將數據標記轉換為視頻標記，然后轉換為 videojs 播放器，然后播放:)

希望這有幫助。

Answer 3

在移動設備上，如果您設置muted選項，則可以自動播放

<video autoplay muted>
  <source src="video.webm" type="video/webm" />
  <source src="video.mp4" type="video/mp4" />
</video>

Chrome v53： https : //developers.google.com/web/updates/2016/07/autoplay

iOS 10： https : //webkit.org/blog/6784/new-video-policies-for-ios

Answer 4

這對我有用，在視頻標簽上使用它

數據設置='{“控制”：假，“自動播放”：真，“預加載”：“自動”，“循環”：真}'

Answer 5

player.ready(function() {
  setTimeout(function() {
     player.play();
  }, 1000);
});