动态插入视频地址

关键核心语句：

document.getElementById(‘video’).load();

一、用原生的书写

 //html
 <img id="playvideo" src="assets/images/play.png" alt="">
 <div class="video-warp" style="display: none;">
      <p class="cancel-video">
          <img src="assets/images/play.png" alt="">
      </p>
      <video id="video" controls="controls" preload="auto" width="800">
           <source type="video/mp4" src="" id='v1'>
      </video>
   </div>

// js
window.onload=function(){
     document.getElementById('playvideo').onclick = function(){
             document.getElementById('v1').src='video/1.mp4';
             document.getElementById('video').load();
     }
}

二、jquery书写

// 功能是实现点击之后插入视频地址，并且播放这个视频（应用于项目--云平台官网）
$(document).on('click','#playvideo',function(e){//点击播放视频
       $('body').css("overflow", "hidden");
       var videolink = $(this).attr('data-link');
       $('#video source').attr('src',videolink);
       document.getElementById('video').load();
       $('.video-warp').show();
       $('#video').get(0).play();
       if (play_status) {
            $('#video').get(0).play();
            play_status=false;
       }else{
            $('#video').get(0).pause();
            play_status=true;
       }
});