communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > le corps du texte

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

黄舟
Libérer： 2017-11-07 11:27:15
original
8154 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!

Étiquettes associées：
h5 html5 视频
source：php.cn
Article précédent：La méthode canPlayType() en HTML5 détermine si le navigateur peut lire le type audio/vidéo spécifié. Article suivant：Comment commencer à lire l'audio ou la vidéo actuelle en HTML5
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal