通過jquery動態的設定video src的值無法播放視訊?參考連結:h5 動態更改連結

<div id="video-box">
 <video style="object-fit: fill;width: 200px;height: 50px;" controls>
    <source src="">
  </video>
</div>
<a class="dj" href="javascript:;" data-src="http://www.w3school.com.cn/i/movie.mp4">點選</a> 
*{padding:0;margin:0;}
#video-box{display:none;}
$(".dj").on("click", function() {
   var src = $(this).data("src");
   $("#video-box source").prop("src",src)
   $("#video-box").show();
});
 

答案如下:
通過 jQuery 確實是給 source 的 src 賦值成功，從除錯來看，瀏覽器並沒有去發起請求去獲得相應的視訊，
而只是單純的將 a 標籤的 data-src 中的值賦值給 source 了。
但是如果這麼做，瀏覽器就會去請求地址獲得視訊檔案：

$(".dj").on("click", function() {
   var src = $(this).data("src"),
       sourceDom = $("<source src=\""+ src +"\">");
       
   $("#video-box video").append(sourceDom);
   $("#video-box").show();
   
   // 自動播放
   $("#video-box video")[0].play()
});
 

因此，可以推斷出來的是，當 video 中存在 source 標籤的時候，瀏覽器渲染之後會自動去獲取地址，即便地址改變，
瀏覽器也不會再去獲取地址。但是通過動態的插入 source 標籤的方式，可以觸發瀏覽器進行重排，從而去獲取相應地址的檔案進行播放。


******************************分割線*********2018年5月24日14:52:58*********************************
    上面那個方法,經測試,只能上傳一次的時候是有效果的,如果要替換多次視訊地址,就會顯示第一次的視訊,還有有一點問題,

可以使用如下方式修改視訊的播放地址,參考連結:https://bbs.csdn.net/topics/392007814

	<div class="thumbImage" id="video-box" style="display: none;">
	<!-- <img src="/allone-openaccount/resources/images/videoopen.png" id="image_people"/> -->
	<video id="videoid" width="280" height="188" controls="controls" autoplay="autoplay">
	   <!-- <source src="/i/movie.ogg" type="video/ogg" /> -->
	  <source id="video_path" src="" type="video/mp4" />
	  <!--  <source src="/i/movie.webm" type="video/webm" />
	   <object data="/i/movie.mp4" width="320" height="240"> -->
	   <embed width="320" height="240" src="/i/movie.swf" />
		<!--  </object> -->
	</video>
						</div>

 var videoSrc = data.videoUrl;//新的視訊播放地址
 document.getElementById("videoid").src=videoSrc ;
 document.getElementById("videoid").play();