Comment arrêter la lecture d'une vidéo en vidéo HTML5
Comment arrêter la lecture d'une vidéo dans une vidéo HTML5 : utilisez d'abord "document.getElementById("id value")" pour obtenir l'objet vidéo ; puis utilisez l'instruction "video object.pause()" pour arrêter (mettre en pause). ) la vidéo en cours de lecture Juste une vidéo.
L'environnement d'exploitation de ce tutoriel : système Windows 7, HTML5&&javascript version 1.8.5, ordinateur Dell G3.
Vidéo HTML5 arrêter la lecture de la vidéo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div style="text-align:center">
<button onclick="playPause()">播放/暂停</button>
<br><br>
<video id="video1" width="420">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
</div>
<script>
var myVideo=document.getElementById("video1");
function playPause()
{
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
</script>
</body>
</html>Rendu :
Description de la fonction associée :
La méthode play() démarre la lecture de l'audio ou de la vidéo en cours. La méthode
pause() arrête (met en pause) la lecture audio ou vidéo en cours.
Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org.
Jul 31, 2025 am 10:50 AM
La balise Schema.org aide les moteurs de recherche à comprendre le format de données structuré du contenu de la page Web via des balises sémantiques (telles que la portée de l'élément, le type d'élément, ItemProp); Il peut être utilisé pour définir le vocabulaire personnalisé, les méthodes incluent l'extension des types existants ou l'utilisation de Type supplémentaire pour introduire de nouveaux types; Dans les applications réelles, en gardant la structure claire, en utilisant d'abord les attributs officiels, tester la validité du code et garantir que les types personnalisés sont accessibles; Les précautions comprennent l'acceptation de soutien partiel, d'éviter les erreurs d'orthographe et de choisir un format approprié tel que JSON-LD.
Que sont les attributs de données HTML5?
Aug 06, 2025 pm 05:39 PM
Html5dataattributesarecustom, validhtmlattributesUSEdTostoreExtrainWeoleLelementsforjavaScriptorcss.1.TheyaredEfinedAdata- *
Comment les erreurs de gestion de l'analyseur HTML5?
Aug 02, 2025 am 07:51 AM
Html5parsershandlemalformedhtmlbyfollowingAdEtterministicalgorithmtoSuSureConsistentAndrobustrendering.1.formismatchathedoruncosedtags, theParserautomAticalCloseStagsAndadjustSnestingBasedonContex
Comment utiliser l'API Canvas pour le dessin de base dans HTML5?
Aug 07, 2025 am 07:15 AM
Pour utiliser l'API HTML5Canvas pour le dessin de base, créez d'abord l'élément Canvas dans HTML et définissez l'attribut largeur et hauteur, puis obtenez son contexte de rendu 2D via JavaScript; 1. Utilisez FillRect, Strokect et ClearRect pour dessiner et ClearRect; 2. Créez des chemins et dessinez des lignes ou des formes personnalisées via Beginpath, MoveTo, Lineto et ClosePath; 3. Utilisez l'arc pour dessiner des cercles ou des arcs; 4. Utilisez FillText et Stroketext pour ajouter du texte de remplissage ou de trait; 5. Set Fillstyle, StrokeSet, Lin
Quelle est la différence entre et dans html5?
Aug 04, 2025 am 11:02 AM
Veuillez clarifier les deux éléments ou attributs HTML5 que vous souhaitez comparer, tels que Versus, contre, ou ID avec classe, afin que je puisse fournir une explication claire et pratique de la différence.
Comment créer une liste commandée dans HTML5?
Jul 30, 2025 am 05:23 AM
La création d'une liste commandée dans HTML5 nécessite une utilisation et des balises. 1. Utilisez la liste commandée pour définir la liste commandée et utilisez-la pour représenter chaque élément en interne. 2. Vous pouvez spécifier le numéro de départ via l'attribut de démarrage, 3. Définissez le type de numéro tel que les chiffres, les lettres ou les chiffres romains via l'attribut type. 4. Il est recommandé d'utiliser un compteur de type list de la liste CSS pour obtenir un contrôle de style plus flexible pour séparer les structures et les styles.
Comment fonctionne l'attribut orthographique dans HTML5?
Aug 03, 2025 pm 02:46 PM
THESPELLCHECKATTRIBUTInHTML5ControlswetHetHebrowserChecksSpellingandgrammarinedableElements.2.itWorksonInputFields, TextAreas et ContetableElementsByunderLiningerRorSinredorGreen.3.Setto "True" Toenableor "FAUX, FAUSE, TODISSABLE,
Quels sont les formats audio pris en charge dans HTML5?
Aug 05, 2025 pm 08:29 PM
La prise en charge du format audio HTML5 varie d'un navigateur à l'autre. Les formats les plus couramment utilisés comprennent: 1.mp3 (.mp3, audio / mpeg, pris en charge par tous les navigateurs grand public, avec la meilleure compatibilité); 2.Wav (.wav, audio / wav, prends en charge les fichiers meilleurs mais volumineux, adaptés à l'audio court); 3.OGG (.ogg / .oga, audio / ogg, chrome, firefox, support d'opéra, safari et ie ne sont pas pris en charge, sans source gratuite); 4.AAC (.AAC / .M4A, Audio / AAC, Safari, Chrome, support Edge, le support Firefox est limité, souvent utilisé dans les appareils Apple). Pour assurer la compatibilité, le
