Dieser Artikel enthält die Kontrolle von H5 New Attribut Audio Audio und Video -Video.
1. Audio (Audio)<Udio Controls = Controls> <Source Src = Einlegen Sie den Audio -Dateipfad in IT> </source> </audio>2. Video (Video)
<Video -Steuerelemente = Controls Loop = Loop autoplay = autoplay id = Video> <Source Src = den Video -Dateipfad einlegen> </source> </Video> <button> </button> auf> Öffnen Sie den Ton < /Button> <taste> abspielen </button> <tasten> Stop -Spielen </button> <button> Vollbildschirm </button>
Das Folgende ist die Steuerung von Videodateien.
JavaScript führt.
<Script> var myvideo = document.getElementById (Video); 1] .click = function () {myvideo.mute = true; ); 3..Synchron.
Wie in der Abbildung gezeigt:
Lassen Sie mich hier zuallererst hier darüber sprechen
(1) Der Maximalwert der Gesamtlänge des Videos zum Video zur Fortschrittsleiste, der Fortschritt.max = Video.Duration;
(2) müssen die Länge der aktuellen Position der aktuellen Video -Wiedergabe auf die Länge der aktuellen Fortschrittsleiste, den Fortschritt.Value = Video.CurrentTime;
Während der Video -Wiedergabe ist es notwendig, sicherzustellen, dass der Wert der Fortschrittsleiste die Dauer des Videos und die aktuelle Wiedergabezeitposition rechtzeitig erhalten kann.
Sie müssen einen Timer -SetInterval öffnen (Pro, 100); :: Dies bedeutet, dass der Wert des Videos der Fortschritts -Fortschrittsleiste in 1 Millisekunde zugeordnet ist, um die Zeitlichkeit zu gewährleisten.
Auf diese Weise kann die Fortschrittsleiste genau mit dem Video synchronisiert werden.
4. So steuern Sie das Volumen des Videos mit dem Bereichsattribut des Tabellenelements.1. Zunächst müssen Sie den Wertwert des Bereichs und das dem Video angegebene Volumen erhalten, um die Lautstärke des Videos zu steuern.
<Eingabetyp = Bereich min = 0 value = 50 max = 100 id = Bereich /> var ran = document.getElementById (Bereich);
Reichweite erhalten.Value,
Audio -Attributen, die Video zugewiesen sind: Video.Volume = Bereich.Value/100;
Zu diesem Zeitpunkt die Lautstärke des einfachen Ziehensbereichs und der Steuerung des Videos.
Dann müssen Sie in den Klang gehen, um das Urteil zu schließen.
Der endgültige Code ist wie folgt;
<! > Sound </button> <button onclick = disablemute () type = button> taste> öffnen Sie den Sound </button> <button onclick = PlayVID () type = button> video </button> <button onclick = pauvid () type = Button> Video übergeben </button> <schalttaste onclick = showFull () type = button> Vollbildschirm </button> <span> Fortschritt: </span> <progreshit Wert = 0 max = 0 id = pro> </progress > <span> Volumen: </span> <Eingabetyp = Bereich min = 0 max = 100 value = 50 onchange = setValue () id = ran/> </div> <skript> var btn = document.getElementsByTagName (Taste) ; ] .DIENDEL = TRUE; } // Die Videofunktion playvid () {myvideo.play (); Menge Funch SetValue () {) {) myvideo.volume = ran.value/100;Das oben genannte ist der Inhalt dieses Artikels.