zoukankan      html  css  js  c++  java
  • lightGallery 一个视屏不播放 解决方法

    这次使用了lightGallery,感觉还不错。样式比较美观,并且支持响应式。

    使用过程中,我遇到了下面的问题:

    当我 .picsgallery里面只有一个 .gItem的时候。点击弹出幻灯片,再点击幻灯片中的截图,视屏就是不播放。

    <div id="video-id2" style="display:none;">
        <video class="lg-video-object lg-html5 video-js vjs-default-skin" controls preload="none">
            <source src="video/785342048.mp4" type="video/mp4">
            Your browser does not support HTML5 video.
        </video>
    </div>
    <div class="picsgallery box clearfix">
        <a class="gItem" data-poster="images/pic_39.jpg" data-sub-html="先行版预告片1" data-html="#video-id1">
            <div class="bg" style="background-image:url(images/pic_39.jpg);"></div>
            <div class="com-play-button"><i class="fa fa-play-circle-o"></i></div>
        </a>
    </div>

    于是各种搜,搜不到。于是只能改js源码:

    源码208行,有下面这串代码,将> 改成 >=  即可。

     1 if (_this.$items.length > 1) {
     2     _this.arrow();
     3 
     4     setTimeout(function() {
     5         _this.enableDrag();
     6         _this.enableSwipe();
     7     }, 50);
     8 
     9     if (_this.s.mousewheel) {
    10         _this.mousewheel();
    11     }
    12 }
  • 相关阅读:
    医院产品演变畅想
    2014-1-19
    更新一下blog
    tostring的自动调用
    解决evernote更新报错问题
    健身日记
    跑步计划
    [转载]offsetHeight , clientHeight, scrollHeight 区别
    做一个院友网站杂记
    查好友摇一摇功能的感受
  • 原文地址:https://www.cnblogs.com/front-end-1149980941/p/6293438.html
Copyright © 2011-2022 走看看