HTML 5 - Audio im Hintergrund wiedergeben

  • Audio im Hintergrund wiedergeben


    HTML Bereich


    HTML
    1. <audio id="background" autoplay loop>
    2. <source src="files/test.mp3" type="audio/mpeg" />
    3. <source src="files/test.ogg" type="audio/ogg" />
    4. <p><a href="files/test.mp3">Das Audio-Element wird nicht von Ihrem Browser unterstützt.</a></p>
    5. </audio>


    CSS Bereich


    CSS
    1. #background
    2. {
    3. display: none;
    4. }


    Um eine Vielzahl von Browsern abzudecken ist es erforderlich 2 Dateitypen anzugeben.


    .mp3 für Safari 5+, Chrome und IE9+
    .ogg für Opera 11+, Firefox und Chrome


    HTML 5 fähige Browser


    Internet Explorer 9+
    Google Chrome 3+
    Firefox 3.5+
    Opera 10.5+
    Opera Mini 11+
    Safari 3.1+
    iOS 3.0+
    Android OS 2.0+