Question

我正在使用ThemeForest中位于here的模板。
模板中包含的jQuery插件称为VenoBox。可以在here上找到文档。

我已按照文档中的步骤操作，引用了我网站上的正确CSS，可以here进行查看。我已经检查过控制台，没有任何错误。当我单击视频灯箱的链接时，会出现灯箱，但视频不会加载。

CSS：

<link rel="stylesheet" href="stylesheets/bootstrap.css">
<link rel="stylesheet" href="stylesheets/isotope.css">
<link rel="stylesheet" href="stylesheets/venobox.css">
<link rel="stylesheet" href="stylesheets/sinister.css">
<link rel="stylesheet" href="stylesheets/slimmenu.css">
<link rel="stylesheet" href="stylesheets/main.css">
<link rel="stylesheet" href="stylesheets/main-bg.css">
<link rel="stylesheet" href="stylesheets/main-responsive.css">  
<link rel="stylesheet" href="stylesheets/lightbox.css">

HTML：

<!-- start : works-item -->
              <div class="works-item signature-adler ImageWrapper works-item-one-half zoom logos">
                      <img data-no-retina alt="" title="" class="img-responsive" src="images/works/04.jpg"/>
                      <a  class="venobox" data-gall="portfolio-gallery" data-vbtype="video" data-autoplay="true" href="https://vimeo.com/221800817">
                          <div class="works-item-inner ImageOverlayHe">
                            <p class="valign text-center"><span class="white font3">SCOPE</span></p>
                          </div>
                      </a>
              </div>
              <!-- end : works-item -->

JS / jQuery：

<script src="javascripts/libs/common.js"></script>
    <script src="javascripts/libs/bootstrap.min.js"></script>
    <script src="javascripts/custom/main.js"></script>
    <script src="javascripts/custom/lightbox.js"></script>
    <script>
    $(document).ready(function(){
    $('.venobox').venobox(); 
});</script>

无法加载VenoBox（自适应jQuery灯箱）视频

0 个答案: