So stoppen Sie die Videowiedergabe in HTML5-Videos
So stoppen Sie die Wiedergabe eines Videos in einem HTML5-Video: Verwenden Sie zuerst „document.getElementById(„id value“)“, um das Videoobjekt abzurufen. Verwenden Sie dann die Anweisung „video object.pause()“, um das aktuelle Video zu stoppen (anzuhalten). Video abspielen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5 und Javascript Version 1.8.5, Dell G3-Computer.
html5-Video Wiedergabe des Videos stoppen
<!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>Rendering:
Zugehörige Funktionsbeschreibung:
play()-Methode startet die Wiedergabe des aktuellen Audios oder Videos. Die Methode
pause() stoppt (pausiert) die aktuell wiedergegebene Audio- oder Videowiedergabe.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !
Das obige ist der detaillierte Inhalt vonSo stoppen Sie die Videowiedergabe in HTML5-Videos. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Stock Market GPT
KI-gestützte Anlageforschung für intelligentere Entscheidungen
Clothoff.io
KI-Kleiderentferner
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
So verwenden Sie das NAV -Tag für Navigationslinks in HTML5
Aug 15, 2025 am 05:55 AM
Thetaginhtml5isusedTodeFineAsctionofmajornAvigationLinks, ProvidingSemanticsStructureAnDimPultingAccessibilityandseo;
Was ist eine Definitionsliste in HTML5?
Aug 20, 2025 pm 02:01 PM
AdefinitionListinhtml5iscreatedusedtheelementtogrupterms () mit derviderdefinitions (), erlauben MultipletenmstoshareadefinitionorateraterMtohavemultiPledeFinitions, Makeitidealforfaqs, Glossaries, Metadata und ContactactaTailswhilealFrevingfrevingfreving und ChontactailswhilealFrevingfrection und Chontactailswhileal,
Was ist das Figurenelement und wie wird es mit Figcaption in HTML5 verwendet?
Aug 20, 2025 pm 02:06 PM
Das Elementinhtml5isusedTomarkup-inselbe geschlossene Kontentikum, Diagramme, OrcodesnippetthatcanStandindependentywithinadocument
So erstellen Sie ein benutzerdefiniertes Kontrollkästchen mit HTML5
Aug 16, 2025 am 07:05 AM
Um ein benutzerdefiniertes Kontrollkästchen zu erstellen, müssen Sie zunächst eine HTML -Struktur mit Etikett verwenden, um die Zugänglichkeit zu gewährleisten. 2. Ausblenden Sie das Standard -Kontrollkästchen über CSS, behalten Sie aber seine Funktionalität. 3.. Verwenden Sie Pseudo-Elemente und Pseudoklassen, um den ausgewählten Zustand auf den benutzerdefinierten. Checkmark-Elementen zu zeichnen. V. 5. Halten Sie native Eingänge vorhanden, um die Tastaturnavigations- und Bildschirmleser zu unterstützen und letztendlich schöne und zugängliche benutzerdefinierte Kontrollkästchen zu erhalten.
Wie laden ich Inhalte mit rel = 'Vorspannung' in HTML5 vor?
Aug 20, 2025 pm 04:12 PM
rel = "vorladen" wird verwendet, um die Schlüsselressourcen im Voraus zu laden, um die Seitenleistung zu verbessern. 1. Verwenden Sie die Syntax und geben Sie das AS -Attribut an. 2. Taste -Ressourcen wie Schriftarten, Stilblätter, Skripte, Bilder usw. und die Schriftart muss Crossorigin hinzugefügt werden. 3.. Es kann gemäß den Bedingungen in Kombination mit Medienattributen geladen werden. 4. Folgen Sie den Best Practices wie dem Laden von nur wichtigen Ressourcen auf dem ersten Bildschirm, der Vermeidung übermäßiger Nutzung und korrekten Einstellen von Typ und Kreuzorigin. 5. Moderne Browser unterstützen es ausführlich und können durch JavaScript eine allmähliche Verbesserung der Verarbeitung dynamisch hinzufügen oder durchführen, um sicherzustellen, dass die Seite normal funktioniert, wenn sie nicht unterstützt wird.
So fügen Sie mit HTML5 einen Favicon zu Ihrer Website hinzu
Aug 27, 2025 am 02:35 AM
Um eine Website Favicon korrekt hinzuzufügen, erstellen Sie zuerst eine 32 × 32 oder 64 × 64 Pixel .ico, .png oder .SVG -Format -Symboldatei und nennen Sie es favicon.ico usw., platzieren Sie sie in das Root -Verzeichnis der Website oder einen angegebenen Pfad und verwenden Sie dann eine klare Anweisung im HTML -Tag. Zum Beispiel: Es wird empfohlen, mehrere Formate und Geräte gleichzeitig zu unterstützen, z. B. das Hinzufügen von PNG -Versionen mit unterschiedlicher Größe, SVG -Symbole und Apple Touch -Symbole. Löschen Sie schließlich den Cache und testen Sie, ob er normalerweise angezeigt wird, um sicherzustellen, dass der Pfad korrekt ist und die Datei zugänglich ist. Der gesamte Vorgang erfordert Aufmerksamkeit auf das Dateiformat, den Pfad und die Kompatibilität, um das Ladefehler zu vermeiden.
Wie können Sie eine Karte in HTML5 einbetten?
Aug 16, 2025 am 06:56 AM
Tembedamapinhtml5, useaniframefromgooglemaps bygeneratingTheembedcodeviathegooglemapsembedapiandinsertIntoyourHtml.2.Customizetheiframyad -Justing -Width, Höhe, Style und Maktribute, "undaddingattribute," und "Makingattribute," und "Makingattributes =" und "und" Makingattribute, "und" Makingattribute, "und" Makingattribute "="
Was ist der Zweck des Platzhalterattributs in HTML5?
Aug 31, 2025 am 06:58 AM
ThepleaLeholderAttribUTeProvidesArtinIninInputfieldsThatDisAppearswhentypingBegins; 1.ISUSUTInandelementStoshowexampletext -Like "EnteryOuremail"; 2.TheHintisDisplayedonlyWenthefieldisempy und stylybaintybyBowers;
