2015-01-28 3 views
0

Я пытаюсь сделать свой первый видеоролик и нашел этот трубчатый плагин. когда я следую шагу, кажется, что добавление кода в тело усложняется. Я добавил ссылку jquery, и по какой-то причине код, который я добавил, недействителен. Может ли кто-нибудь помочь мне, как заставить этот плагин работать?JQuery-tubular plugin issue

Это им инструкции пытается следовать: https://code.google.com/p/jquery-tubular/

Спасибо заранее!

вот мой код:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Using Tubular Plugin</title> 
<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> 
<style type="text/css"> 
body,html { margin:0; padding::0; height:100%; width:100%;} 
#topSection { 
background-color: #D8D8D8; 
height:100%; 
min-height:100%; 
width:100&; 
position:relative; 

} 
</style> 
</head> 
<body> 
$().ready(function() { 
      $('#wrapper').tubular({videoId: 'idOfYourVideo'}); // where idOfYourVideo is the YouTube ID. 
    }); 
<section id="topSection">Top section- I need a youtube video background  here</section> 
</body> 
</html> 
+0

какие ошибки вы получаете в вашем браузере Javascript пана консоли (инструменты для разработчиков) – Offbeatmammal

+0

ошибок нет. его просто показывает javascript как текст в html. – akoito

+0

Это потому, что у вас нет ' 'вокруг javascript, чтобы сообщить браузеру, что это скрипт, а не текст – Offbeatmammal

ответ

0

Привет Вы судимый вызов JQuery из головы. Вы должны добавить кусок кода, как:

<script> 
$("document").ready(function() { 
    var options = { videoId: "xp-8HysWkxw", // where idOfYourVideo is the YouTube ID. 
        start: 0, 
        repeat: true 
       };  
$("#page").tubular(options); // Here is the jQuery call 
}); 
</script>