zoukankan      html  css  js  c++  java
  • vue使用 video.js动态切换视频源视频源不刷新问题

    网上的垃圾代码太多,最后翻了video.js的官方文档,就这么简单,浪费了我这么久,注:我这里使用的vue

    //html

    <video  id="my-player" controls autoplay preload="auto" class="video-js vjs-big-play-centered vjs-fluid vjs-16-9 vjs-big-play-centered"
    controls preload="auto" data-setup='{}'>
    <source id='videoid' :src="videosrc" type="application/x-mpegURL">
    </video>

    //随便定义一个方法

    <p @click="selectomit >点击我</p>

    //vue  methods里面

    selectomit (){

    var that = this;
    that.videosrc = '你的路径';
    console.log(that.videosrc);
    var player=videojs('my-player');
    console.log(player);
    player.src({
    src:that.videosrc
    })

    }

  • 相关阅读:
    leetcode41
    leetcode32
    leetcode312
    leetcode10
    leetcode85
    leetcode124
    leetcode301
    leetcode84
    一文读懂机器学习大杀器XGBoost原理
    【干货】机器学习中的五种回归模型及其优缺点
  • 原文地址:https://www.cnblogs.com/uniapp/p/12746913.html
Copyright © 2011-2022 走看看