美文网首页HTML CSS
HTML入门四之多媒体

HTML入门四之多媒体

作者: 码农修行之路 | 来源:发表于2020-12-10 22:30 被阅读0次
    • 音频(audio )、视频(video )、embed:所有主流浏览器都支持 <embed> 元素 是HTML5标签
    • <embed> 在HTMl4中无效
    • audio video 相关属性 controls控制器
    • 支持多浏览器 对于不同的音频或者视频文件的格式 一些浏览器可能不支持 所以引入source 可以多个
    • bgsound 插入背景音乐 只适用于IE 属性loop 循环次数 -1、indinite无限次循环
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>多媒体</title>
    </head>
    <body>
    
        <!-- 插入音频 视频 flash -->
    
        <!-- 音频 -->
        <!-- 属性 controls 控制器显示 支持格式controls="controls" 同时也可以controls -->
        <!-- <audio src="../1.wav" controls="controls">浏览器不支持</audio> -->
        <!-- <audio src="../1.wav" controls>浏览器不支持</audio> -->
        <!-- 支持多浏览器 对于不同的音频或者视频文件的格式 一些浏览器可能不支持 所以引入source 可以多个 -->
        <audio controls>
            <source src="../1.wav" >
            <source src="../1.ogg" >
        </audio>
    
        <!-- 视频 -->
        <video src="../该死的爱情.mp4" controls width="500px">浏览器不支持</video>
    
        <!-- <embed src="多媒体文件地址" width="200px" height="200px"/> -->
        <!-- <embed src="../1.wav" width="200px" /> -->
        <!-- <embed src="../该死的爱情.mp4" width="600px" height="400px" /> -->
    
        <!-- 插入背景音乐 只适用于IE 属性loop 循环次数 -1、indinite无限次循环 -->
        <!-- <bgsound src="../1.wav" loop="2" /> -->
    
    </body>
    </html>
    

    相关文章

      网友评论

        本文标题:HTML入门四之多媒体

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