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

audio|video.load()

转载于猿2048:➜《Html5中使用load() 方法更改视频来源，并重载视频》code