framework7-vue与videojs的冲突问题

最新推荐文章于 2024-08-16 08:28:38 发布

TTTTTQ

最新推荐文章于 2024-08-16 08:28:38 发布

阅读量760

点赞数

文章标签： videojs framework7-vue

本文链接：https://blog.csdn.net/qq_36899461/article/details/83615457

版权

framework7-vue与videojs的冲突问题

最近因为程序与安卓9.0的video有冲突使用了videojs 但是发现播放按钮点击了没有效果在源代码里找到了点击小按钮的触发事件

  PlayToggle.prototype.handleClick = function handleClick(event) {

    if (this.player_.paused()) {
      this.player_.play();           //这里是点击播放
      console.log("111");
    } else {
      this.player_.pause();  //这里是点击暂停
      console.log("333");
    }

  };

发现同时输出了111和333 经过排查发现是fastclick冲突在video里面加入了calss“no-fastclick”可以解决

        <video data-setup='{}' playsinline   :id="'example_video_1'+index" class="video-js vjs-default-skin vjs-big-play-centered no-fastclick" controls preload="none" style="width:95%" height="220px"  :poster="z_img + obj.image.replace(new RegExp(/NAS\/product\/image/g),'file\/')">
                  <source  data-setup='{}' :src="z_img + obj.video_path.replace(new RegExp(/NAS\/product\/video/g),'file\/videoFile\/\/')" type="video/mp4">
          </video>