我想用this jQuery plugin 在网站上加载全屏背景。我首先在桌面上的静态HTML中实现了它,效果很好。然后我把所有的东西都放在我的主题中并加载,没有错误,没有动作。
你首先看到的是语法错误,URL ETC中的拼写错误
当我在本地HTML中加载相同的代码时,它会正常工作。当我查看WordPress的源代码时,所有脚本都会在控制台中正确加载。登录以检查脚本是否在初始化之前加载,它是在</head>
<script>
(function($) {
var myPlayer = jQuery("#bgndVideo").YTPlayer({
mask:{
0:\'assets/overlay.png\'
}
});
})(jQuery);
</script>
但还是没有运气。作为参考,详细说明完整代码;
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php bloginfo(\'stylesheet_directory\');?>/assets/jquery.mb.YTPlayer.min.js"></script>
<script>
(function($) {
var myPlayer = jQuery("#bgvid").YTPlayer({
mask:{
0:\'assets/overlay.png\'
}
});
})(jQuery);
</script>
<?php wp_head();?>
</head>
<body <?php body_class();?>>
<div id="wrapper">
<div id="bgvid" class="player" data-property="{videoURL:\'9CrTwCFdJnA\',containment:\'body\', showControls:false, autoPlay:true, loop:true, vol:50, mute:true, opacity:1, quality:\'large\', optimizeDisplay:true}"></div>
</div>
<?php get_footer();?>
当我在本地HTML上尝试这一点时,我看到了插件的效果,它将YouTube iframe加载到。。怎么回事?已经断断续续好几天了,再也想不出来了。