Umgang mit Multimedia -Dateien in HTML
- Multimedia in HTML
- HTML-unterstützte Multimedia-Formate
- So fügen Sie Bilder in HTML hinzu
- So spielen Sie Audio auf einer Website
- So spielen Sie Videos auf einer Website
- So spielen Sie ein YouTube -Video mit HTML
Erforschen wir jede der oben genannten Konzepte nacheinander:
Multimedia in HTML
Multimedia ist eine Möglichkeit, Informationen von einer Quelle auf die andere zu übertragen. Es kann so etwas wie Audio, Video usw. sein. Durch die Kraft von HTML können wir unseren Websites Audio, Video oder andere Multimedia -Dateien hinzufügen.
HTML-unterstützte Multimedia-Formate
Jede Datei verfügt. Es gibt zahlreiche Dateiformate, aber in der Webentwicklung ist das, was am wichtigsten ist, ob das Dateiformat von den HTML -Standards unterstützt wird oder nicht?
Hier finden Sie eine Liste von HTML-unterstützten Dateiformaten für verschiedene Multimedia-Typen:
Audio: MP3, OGG und WAV unterstützen alle bedeutenden Browser.
Video: MP4, OGG und WebM werden sowohl von HTML als auch von allen großen Browsern wie Google, Chrome, Microsoft Edge usw. unterstützt.
Bild: JPG/JPEG, PNG und GIF werden von HTML für Bilder unterstützt.
So fügen Sie Bilder in HTML hinzu
HTML bietet ein Tag zum Hinzufügen eines Bildes zu einer Website. Es braucht zwei primäre Attribute i.e. SRC, um den Pfad des Bildes und den Alt anzugeben, um einen abwechselnden Text anzuzeigen, wenn ein Bild nicht geladen werden kann.
Beispiel
Das folgende Code wird ein Bild in eine Website einbetten:
Im Folgenden finden Sie die Ausgabe für die obige Codezeile:
So fügen Sie Audio in HTML hinzu
In HTML Tag wird verwendet, um jeder Webseite eine Audiodatei hinzuzufügen. Im Audio -Tag können mehrere Attribute verwendet werden, um die Funktionsweise des Schild.
Beispiel
Nehmen wir ein Beispiel an, um zu verstehen, wie Tag funktioniert:
MP3 -Datei nicht unterstützt!
Im Folgenden finden Sie die Ausgabe für den obigen Snippet:
Ausgabe prüft, dass die MP3 -Datei perfekt funktioniert.
So fügen Sie Video in HTML hinzu
In html a Tag wird verwendet, um jeder Website ein Video hinzuzufügen. Die HTML Tag kann mehrere Attribute wie Steuerelemente, Autoplay, Poster usw. haben. Diese Attribute untersuchen die Arbeit des Tags.
Beispiel
Betrachten wir den folgenden Snippet für das tiefgreifende Verständnis von HTML Schild
nicht unterstützt!!
Innen Tag Wir geben die Attribute an, um das Verhalten von Video zu steuern:
- Der Kontrollen Das Attribut zeigt die Videooptionen wie Spielen, Pause, Stummschalter usw. an.
- Der automatisches Abspielen Das Attribut startet das Video neu, sobald es fertig ist.
- Der gedämpft Das Attribut ermöglicht die Stummeoption.
Als nächstes verwenden wir das Quell -Tag, um die Adresse des Videos einzufügen. Wir geben zwei Videoformate an, sodass der Browser den zweiten abspielt, wenn das erste Video nicht funktionieren kann. Und wenn der Browser aus irgendeinem Grund nicht in der Lage ist, beide Videos abzuspielen, dann „nicht unterstützt! ”Wird auf dem Bildschirm erscheinen. Die Ausgabe wird ungefähr so sein:
So einbetten Sie ein YouTube -Video mit HTML in eine Webseite ein
Der
Speichern Sie einfach den HTML -Code und jetzt können Sie das YouTube -Video auf Ihrer Website abspielen:
Das YouTube -Video ist erfolgreich auf Ihrer Website eingebettet.
Abschluss
HTML bietet verschiedene Tags, um Multimedia -Dateien zu verarbeiten, um ein Audio, Video und ein Bild mithilfe, und Tags auf einer Website einzubetten. Um ein anderes Dokument in Ihre Website einzubetten