oncanplaythrough Lire la suite


oncanplaythrough événement

instance

<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
</head>
<body> 

<video controls oncanplaythrough="myFunction()">
	<source src="mov_bbb.mp4" type="video/mp4">
	<source src="mov_bbb.ogg" type="video/ogg">
	您的浏览器不支持 HTML5 video 元素。
</video>
<script>
function myFunction() {
    alert("无需停顿可直接播放视频");
}
</script>

</body> 
</html>

exécuter l'instance»

cliquez Bouton « Exécuter l'instance » pour afficher une instance en ligne

D'autres exemples sont inclus au bas de cet article.

Définition et utilisation

L'événement oncanplaythrough est déclenché lorsque la vidéo/audio (audio/vidéo) peut être lue normalement sans pause ni mise en mémoire tampon.

Pendant le processus de chargement vidéo/audio (audio/vidéo), la séquence de déclenchement des événements est la suivante :

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

Prise en charge du navigateur

Le numéro dans le tableau indique le numéro de version du premier navigateur prenant en charge cet événement.

Événement
事件




oncanplaythroughYes9.0YesYesYes

oncanplaythroughOui9.0OuiOui Oui

Syntaxe
HTML : <
élément
oncanplaythrough="

myScript

"> Essayez-le
JavaScript :
objet
.oncanplaythrough= function( ){

myScript

} ; Essayez
En JavaScript, utilisez la méthode addEventListener() :
object
. "canplaythrough",

myScript); Essayez-le

是否支持冒泡:No
是否可以取消:No
事件类型:Event
支持的 HTML 标签:<audio>, <video>
Remarque :
Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la méthode addEventListener().
Détails techniques

Plus d'exemples

Exemples
<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
</head>
<body> 

<audio controls oncanplaythrough="myFunction()">
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。 
</audio>
<script>
function myFunction() {
    alert("无需停顿可直接播放视频");
}
</script>

</body> 
</html>

Exécuter l'instance»


Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

<🎜><🎜><🎜><🎜>