Bootstrap

动态修改原生js jquery中video.js的src属性

        <video id="example_video_1" >

          <source src="obs.mp4" type="video/mp4" />

        </video>

        <button @click='attrSrc'>切换视频源</button>

     

function attrSrc() {

        const newSrc ="obs1.mp4";

        const id;

       //此处是判断是否为移动端

       //"#example_video_1"指pc端的video标签 "#example_video_2"指移动端的video标签

       //视频的显示一般在video元素中的第一个子元素内,所以获取到此元素id

       //只有pc端: id = $("#example_video_1").find("video")[0].id

        mobile

          ? (id = $("#example_video_2").find("video")[0].id)

          : (id = $("#example_video_1").find("video")[0].id);


        videojs(id).src(newSrc);

      }

;