html5(2)

作者: OldSix1987 | 来源:发表于2016-08-28 11:46 被阅读4次

    音频播放:html5默认支持2种音频格式:.mp3 .ogg


    Chrome下的表现.png
    <audio src="src/darkcodeJZ.mp3" autoplay controls>不支持此音频格式</audio><br>
    
    <audio autoplay controls>
            <source src="src/darkcodeJZ.ogg">
            <source src="src/darkcodeJZ.mp3"> 
    </audio>
    

    如果声音格式html不支持,则会显示标签之间的提示信息
    可以添加多个source,第一个资源播放失败的话,就会寻找第二个资源播放。
    autoplay:自动播放属性,不加的话,音乐默认关闭 controls:控制面板,不加的话,页面上看不到任何东西

    视频播放:html5默认支持三种视频格式:.mp4 .ogg .webm(音频也可以播放)


    <video autoplay controls>
            <source src="src/IMG_0689.mp4" type="">
            <source src="src/darkcodeJZ.mp3" type="">
    </video>
    

    视频和音频很相似,属性和写法也几乎一致。

    相关文章

      网友评论

          本文标题:html5(2)

          本文链接:https://www.haomeiwen.com/subject/ecitettx.html