2015-05-09 43 views
0

我正在使用tubular.js並希望將youtube視頻設置爲背景。如何正確使用tubular.js,讓YouTube視頻在我的網站背景中?

到目前爲止,我有以下的html代碼:

<html> 
<body> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.1.0.js"></script> 
<script type="text/javascript"> 
      $(function() { 
       var options = { 
        videoId : '9JXVUP1hyxA', 
        start : 10 
       }; 
       $('html').tubular(options); 
      }); 
     </script> 
</body> 
</html> 

但視頻是幾乎在整個屏幕上,但仍有大約5-10像素周圍 - 你可以看到它here。我怎樣才能防止呢? 另一個問題,也許你會知道 - 我有重複的視頻,它的工作原理,但是當它到達最後 - 再次開始之前,有一個空白的屏幕與其他視頻建議,總是可見的YouTube視頻後播放。它幾毫秒內可見,但仍然有點奇怪 - 你知道如何解決這個問題?謝謝!

回答

1

我不確定,因爲你的代碼沒有滿。但我認爲你需要這一個:

* { 
    margin: 0; 
    padding: 0; 
} 

並嘗試閱讀更多,關於CSS reset

關於第二個問題,我之前沒有使用過tubular.js,但這裏不錯,example只是試圖複製它。