Kommentar: HTML -Video ist für HTML 5+ geeignet, mit der Online -Video -Streaming -Medien definiert werden. Hier ist eine kurze Einführung, die für bedürftige Freunde bequem ist.
HTML <VIDEO> eignet sich für HTML 5+, wodurch das Video -Streaming für die Online -Anzeige definiert wird.
<Video src = "http://www.vevb.com/movie.ogg" Controls = "Controls">
Hier sind Kommentartexte. Wenn HTML 5 nicht unterstützt werden kann, zeigt der Browser die Texte hier an. Bei der Unterstützung wird das Video direkt angezeigt und der Text wird ignoriert.
</Video>
Wenn Sie in HTML 4 und zuvor Online -Videos in eine Webseite einbetten möchten, benötigen Sie im Allgemeinen Flash -Video -Streams. Durch die Verwendung von <element> und <Bett> -Tags können Sie SWF-, FLV- und andere Format-Videodateien über den Browser abspielen. Die Prämisse muss jedoch ein Plug-In-Drittanbieter installieren: Adobe Flash Player. Moderne Smartphones und iPads können Flash im Allgemeinen nicht unterstützen, daher können sie keine Videos im Web durchsuchen. Und HTML 5 hat diese Tatsache geändert. Webentwickler können Videodateien problemlos mit dem <video> -Tag ohne Drittanbieter-Plug-Ins laden.
Eigenschaftswert Beschreibung
Autoplayautoplay Wenn diese Eigenschaft angezeigt wird, wird das Video unmittelbar nach der Vorbereitung gespielt.
ControlsControls Wenn diese Eigenschaft angezeigt wird, werden die Steuerelemente dem Benutzer angezeigt, z. B. die Wiedergabetaste.
Höhe Pixelwert legt die Höhe des Videoplayers fest.
Wenn Looploop, beginnt die Wiedergabe erneut, wenn die Mediendatei das Spielen beendet hat.
Vorladung/meta/none gibt an, ob das Video vorgeladen werden soll, mögliche Werte:
automatisch - Laden Sie das gesamte Video, nachdem die Seite geladen wurde
META - Nur Metadaten werden nach dem Laden der Seite geladen
Keine - Video wird nicht geladen, nachdem die Seite geladen wurde
* Die URL des Videos, das von der SRC -Videoadresse gespielt wird, wird empfohlen, die absolute Adresse zu verwenden.
Die Breite Pixelwert legt die Breite des Videoplayers fest.
Wie schreibe ich kompatible Video -Tags?
Da alte Browser und Internet -Explorer <video> Elemente nicht unterstützen, müssen wir eine Lösung für diese Browser finden, die Flash -Dateien unterstützt. Leider werden wie HTML 5 Audio die Dateiformate, die an Videos beteiligt sind, in Firefox und Safari/Chrome nicht unterstützt. Wenn Sie zu diesem Zeitpunkt HTML 5 -Videos verwenden möchten, müssen Sie drei Videoversionen erstellen. OGG, MP4, FLV/SWF
<Videokontrollen>
<!-Firefox-konforme->
<Source Src = "http://www.vevb.com/ Movie.ogg" Typ = "Video/Ogg"/>
<!-kompatibel mit Safari/Chrome->
<Source src = "http://www.vevb.com/ Movie.mp4" Typ = "Video/MP4"/>
<!-Wenn der Browser das Video-Tag nicht unterstützt, verwenden Sie Flash->
<embode src = "http://www.vevb.com/ Movie.swf" type = "application/x-Shockwave-flash" "
width = "320" erlaubt crtecessAccess = "immer" zulässt
</Video>