Html5中使用load() 方法更改視頻來源，並重載視頻

時間 2020-01-28

標籤 html5 html 使用 load 方法更改視頻來源並重欄目 HTML5 简体版

原文原文鏈接

實例更改視頻來源，並重載視頻：php

document.getElementById("mp4_src").src="movie.mp4";
document.getElementById("ogg_src").src="movie.ogg";
 document.getElementById("video1").load()

;html

<!DOCTYPE html> 
<html> 
<body> 

<button onclick="changeSource()" type="button">更改視頻</button>
<br />
<br />
<video id="video1" controls="controls" autoplay="autoplay">
  <source id="mp4_src" src="/example/html5/mov_bbb.mp4" type="video/mp4">
  <source id="ogg_src" src="/example/html5/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<script> 
function changeSource()
  { 
  document.getElementById("mp4_src").src="movie.mp4";
  document.getElementById("ogg_src").src="movie.ogg";
  document.getElementById("video1").load();
  } 
</script> 

</body> 
</html>

定義和用法 load() 方法從新加載音頻/視頻元素。
load() 方法用於在更改來源或其餘設置後對音頻/視頻元素進行更新。html5

瀏覽器支持全部主流瀏覽器都支持 load() 方法，除了 Safari。
註釋：Internet Explorer 8 以及更早版本不支持該方法。瀏覽器

語法ide