Kommentar: Obwohl HTML5 -Video verwendet werden kann, um Steuerelemente anzuzeigen und Playback -Pausen zu steuern, können die Display -Effekte verschiedener Browser unterschiedlich sein. Lassen Sie uns mit DOM einige benutzerdefinierte Operationen und Steuerelemente mit Ihnen teilen.
Obwohl HTML5 -Videos Steuerelemente zum Anzeigen von Steuerelementen und Steuerung der Wiedergabepausen verwenden können, können die Display -Effekte verschiedener Browser unterschiedlich sein, so oft müssen wir DOM für benutzerdefinierte Operationen und Steuerelemente verwenden. Hier ist ein kleines Beispiel.Natürlich ist der Effekt nicht sehr schön. Wenn Sie gut aussehen möchten, können Sie Ihren eigenen CSS -Stil usw. festlegen.
<div>
<Taste> spiele/pause </button>
<Butth> Big </button>
<tasten> </button>
<tasten> klein </button>
<videos>
<Source Src = "Demo.mp4" Typ = "Video /MP4" />
<Source Src = "Demo.ogg" Typ = "Video /ogg" />
Ihr Browser unterstützt dieses HTML5 -Video -Tag nicht.
</Video>
</div>
<script type = "text/javaScript">
var myvideo = document.getElementById ("myvideo");
Funktionsplaypause ()
{
if (myvideo.pause)
myvideo.play ();
anders
myvideo.pause ();
}
Funktion Tobig ()
{
myvideo.width = 560;
}
Funktion tonormale ()
{
myvideo.width = 420;
}
Funktion tosmall ()
{
myvideo.width = 320;
}
</script>
Es ist zu beachten, dass unter allen Eigenschaften nur die Videowidth- und VideoHeight -Eigenschaften sofort verfügbar sind.
Andere Eigenschaften sind verfügbar, nachdem die Metadaten des Videos geladen wurden.