Bigvideo.js。移動設備的不同背景視頻？

我對這一切都很新鮮！我正在使用bigvideo.js jquery插件在我的主頁背景中播放視頻。這很好。唯一的問題是，它不適用於移動設備，因爲自動播放（我猜）。
所以現在我想到了爲什麼不給移動設備訪問者一個YouTube播放器，點擊開始視頻。
這是我不工作代碼：Bigvideo.js。移動設備的不同背景視頻？

<script> 
     $(function() { 
      var BV, 
      videoPlayer, 
      isTouch = Modernizr.touch; 
      BV = new $.BigVideo({useFlashForFirefox:false, forceAutoplay:isTouch}); 
      BV.init(); 
      if (!isTouch) { 
       BV.show('video.mp4', {altSource:'video.ogv'}); 
      }else{ 
       <iframe width="560" height="315" src="//www.youtube.com/video.mp4" frameborder="0"></iframe> 
      } 
     }); 
</script>

我也很高興的任何其他想法，要解決這個問題！
非常感謝您的幫助！

來源

2014-03-27 kampfkuchen

如果我的回答是正確的，請將其標記爲如此。謝謝。 –

你與你的Javascript混合HTML。你腳本中的iframe標籤應該拋出一個語法錯誤，因爲它不是javascript。

我想你想要做什麼可以通過將IFRAME的頁面上完成，但給它一個ID，並將它們隱藏...

<iframe id="mobileVideo" style="display:none;" width="560" height="315" src="//www.youtube.com/video.mp4" frameborder="0"></iframe>

...而在其他部分的條件語句，只需通過jQuery顯示它：

if (!isTouch) { 
    BV.show('video.mp4', {altSource:'video.ogv'}); 
} else { 
    $('#mobileVideo').show(); 
}

來源

2014-06-30 18:17:38

不知道，如果你還在尋找一個答案，但如果去掉「forceautoplay：isTouch」，它應該工作

來源

2014-05-28 05:05:27 Renegade

Bigvideo.js。移動設備的不同背景視頻？

回答

相關問題