Quelle: https://www.heise.de/download/blog/
HTML5 als Alternative zum Adobe Flash Player
Flash ist eine Web-Technik aus dem ersten Web-Jahrzehnt und seit dem haben sich das Internet und dessen Technologien weiterentwickelt. Webseiten werden seit den Anfängen des Web in HTML
programmiert. HTML steht für Hyptertext Markup Language, strukturiert Webseiten und entwickelt sich über die Jahre immer weiter. Aktuell ist HTML5 mit dem sich Audio- und Video-Inhalte abspielen
lassen, ohne dass ein Plugin wie Flash nötig ist. Der verwendete Browser muss natürlich die HTML5-Spezifikation unterstützen, was die gängigen Browser wie Firefox, Google Chrome , Opera, Safari
(Mac OS X) und Windows Edge tun. Ergänzend muss der genutzte Browser auch das Video-Format des abzuspielenden Films kennen, was nicht immer der Fall ist. Aber in der Praxis sollte dies eher
selten vorkommen, da Firefox, Google Chrome und Opera die gängigen Video-Formate MPEG-4 (H.264), Ogg und WebM unterstützen.
Zudem wurden neue Web-Techniken wie JavaScript und CSS entwickelt, die heute jeder aktuelle HTML5-Browser beherrscht. JavaScript ist eine Skriptsprache, die Eingaben von Nutzern auf der
Webseite auswertet und Seiten-Inhalte ändert oder nachlädt. Zusammen mit den Cascading Style Sheets (CSS) für die Gestaltung lassen sich so interaktive Webseiten bauen, die ohne Flash
auskommen.
Mobilgeräte kennen kein Flash
Der Trend weg von Flash und hin zu HTML5, JavaScript und CSS hat seinen Grund im Aufkommen der Mobilgeräte. Denn das 2007 erstmals erschienene iPhone unterstützt kein Flash und somit lassen
sich hier keine Webseiten, Audios und Videos mit Flash nutzen. Auch für Smartphones und Tablets mit Android gibt es keine richtige Flash-Unterstützung. Denn Adobe entwickelte den Adobe Flash
Player für Android nicht weiter. Erhältlich ist dieser nur in einer veraltet Version, die somit nicht wirklich zu empfehlen ist.
Deswegen lassen sich mit iPhone, iPad, Android-Smartphone und -Tablet Multimediainhalte nur nutzen, wenn die Website Web-Techniken mit HTML5, JavaScript und CSS einsetzt. Alternativ bleibt
nur eine App, um einen Dienst zu nutzen, wenn sie denn angeboten wird.
Videos und Streams ohne Flash sehen
Mittlerweile sind HTML5, JavaScript und CSS so verbreitet, dass Flash für interaktive Webseiten schon als exotisch anzusehen ist, aber durchaus noch für Audio, Musik, Videos und animierte
Prospekte verwendet wird. YouTube hat gleich mit Erscheinen des iPhones HTML5 eingeführt, sodass man Videos auf YouTube ohne Flash sehen kann. Auch heise Video und Vimeo lassen sich ohne den
Adobe Flash Player nutzen.
append Element above to content1
Quelle: https://www.w3schools.com
Die hier eingebetteten mp3-Dateien werden per html5-audio abgespielt. Ein kleines jQuery-Skript sorgt dafür, dass der aktuell abepielte Song automatisch stoppt, wenn ein neuer Seong gestartet wird.
html5-mp3 (autoplay)
html5-mp3 (no autoplay)
html5-mp3 (no autoplay)
Jimdo-free Problem:
Lösung 1:
Lösung 2:
Skript für mehrere Player auf einer Seite
Quellen: http://jsfiddle.net/bodhiji/758zgb79/ ; https://webdesign.weisshart.de/audio_tag_mult.php