La méthode load() pour recharger des éléments audio/vidéo en html5-Tutoriel H5-php.cn

La méthode load() pour recharger des éléments audio/vidéo en html5

黄舟

Libérer： 2017-11-07 11:27:15

original

8146 Les gens l'ont consulté

Exemple

Changer la source de la Vidéo et recharger Vidéo :

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

Copier après la connexion

Définition et utilisation

load () La méthode recharge l'élément audio/video. La méthode

load() est utilisée pour mettre à jour les éléments audio/vidéo après avoir modifié les sources ou d'autres paramètres.

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge la méthode load(), à l'exception de Safari.

Remarque : Cette méthode n'est pas prise en charge dans Internet Explorer 8 et versions antérieures.

Syntaxe

audio|video.load()

Copier après la connexion

Exemple :

<!DOCTYPE html> 
<html> 
<body> 
<video id="video1" width="480" height="270" controls="controls">
 <source id="mp4_src" src="material/sample.mp4" type="video/mp4"/>    
 <source id="ogg_src" src="material/sample.ogv" type="video/ogg"/>
你的浏览器不支持HTML5 video.
</video>
<p>点击“切换视频”按钮，加载新的视频</p>

<button onclick="myFunction()">切换视频</button>
<script>
var vid = document.getElementById("video1");
function myFunction()  {
   document.getElementById("mp4_src").src = "material/sample2.mp4";
   document.getElementById("ogg_src").src = "material/sample2.ogv";
document.getElementById("video1").load();
}
</script> 
</body> 
</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!