So implementieren Sie die Online-Videowiedergabe in HTML-HTML-Kenntnisse-php.cn

So implementieren Sie die Online-Videowiedergabe in HTML

藏色散人

Freigeben： 2018-11-10 16:32:36

Original

34875 Leute haben es durchsucht

Dieser Artikel führt Sie hauptsächlich in die spezifische Implementierungsmethode der Online-Wiedergabe von HTML-Videos ein.

Für Anfänger, die HTML lernen, kann es etwas schwierig sein, die Online-Videowiedergabefunktion zu implementieren. Solange jeder die Haupt-Tags beherrscht, wird es tatsächlich sehr einfach zu implementieren sein.

Jetzt stellen wir Ihnen die Methode zur Implementierung der Online-Wiedergabe von HTML-Videos anhand konkreter Codebeispiele vor.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML实现在线播放代码示例</title>
    <style>
 video{
            width: 50px;
 height: 50px;
 }
    </style>
</head>
<body>
<video src="./images/n435sdjgs49l.mp4" controls="controls" autoplay></video>
</body>
</html>

Nach dem Login kopieren

Der obige Code, auf den Sie über die Rezeption zugreifen können, enthält den folgenden Screenshot: So implementieren Sie die Online-Videowiedergabe in HTML

So implementieren Sie die Online-Videowiedergabe in HTML

Wie Sie auf dem Screenshot sehen können, dieses Video Die Benutzeroberfläche umfasst eine Wiedergabetaste, Lautstärketasten, eine Download-Taste und eine Bild-in-Bild-Funktion.

Hier müssen Sie das

Das Tag ist ein neues Tag in HTML 5 und kann definiert werden. Bei Videos wie Filmclips oder anderen Videostreams gibt das Ende von src die Adresse des importierten Videos an. Das hier importierte Video liegt im MP4-Format vor.

Steuerelementattribut bedeutet, dem Benutzer Steuerelemente anzuzeigen, wie z. B. die oben erwähnte Wiedergabetaste.

Einige Freunde sind sich möglicherweise nicht im Klaren über die Bild-in-Bild-Funktion. Tatsächlich besteht die Bedeutung von Bild-in-Bild einfach darin, unseren Player unabhängig zu machen, wie in der Abbildung unten gezeigt:

So implementieren Sie die Online-Videowiedergabe in HTML

Wenn Sie möchten, dass unser Video automatisch abgespielt wird, fügen Sie einfach das

Autoplay-Attribut hinzu.

Autoplay-Attribut bedeutet, dass das Video sofort abgespielt wird, nachdem es fertig ist.

Normalerweise verwenden wir das

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Online-Videowiedergabe in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!