Maison > interface Web > Tutoriel H5 > le corps du texte

H5 définit ou renvoie la propriété currentTime de la position actuelle (en secondes) de la lecture audio/vidéo

黄舟
Libérer: 2017-11-08 11:02:30
original
3968 Les gens l'ont consulté

Instance

Définissez la position temporelle sur 5 secondes :

myVid=document.getElementById("video1");
myVid.currentTime=5;
Copier après la connexion

Définition et utilisation

ensembles de propriétés currentTime ou renvoie Audio/La position actuelle de la vidéo lecture en secondes.

Lorsque cet attribut est défini, la lecture passera à la position spécifiée.

Prise en charge des navigateurs

Tous les principaux navigateurs prennent en charge l'attribut currentTime.

Remarque : Cet attribut n'est pas pris en charge dans Internet Explorer 8 ou les navigateurs antérieurs.

Syntaxe

Définir l'attribut currentTime :

audio|video.currentTime="seconds"
Copier après la connexion

Renvoyer l'attribut currentTime :

audio|video.currentTime
Copier après la connexion

Valeur de l'attribut

描述
seconds指示音频/视频播放的当前位置(以秒计)。

Détails techniques

返回值数字值,表示秒

Exemple

Régler la position temporelle sur 5 secondes :

<!DOCTYPE html> 
<html> 
<body> 

<p>
	<button onclick="getCurTime()" type="button">获得当前时间的位置</button>
	<button onclick="setCurTime()" type="button">把时间位置设置为 5 秒</button>
</p>

<video id="video1" controls="controls">
	<source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
	<source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
	您的浏览器不支持 video 标签。
</video>

<script>
var myVid = document.getElementById("video1");
function getCurTime() { 
	alert(myVid.currentTime);
} 
function setCurTime() { 
	myVid.currentTime = 5;
} 
</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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!