Question

我正在尝试制作我的第一个视频背景并找到了这个管状插件。当我按照这一步骤时，似乎在体内添加代码变得复杂。我添加了jquery链接，由于某种原因，我添加的代码无效。任何人都可以帮助我如何制作这个插件吗？

这是我试图遵循的指令： 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>

Answer 1

您好，您是否尝试过从头开始调用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>

Jquery-tubular插件问题

1 个答案: