美文网首页
html5视频和音频

html5视频和音频

作者: 落崖惊风yxy | 来源:发表于2017-07-19 12:08 被阅读0次

    1、html4.01 版本插入视频
    借助flash插件播放视频。先把要插入的视频上传到视频网站上,然后复制html代码。
    例:

    <embed src='http://player.youku.com/player.php/sid/XMjc1NTg4MjEyOA==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
    

    问题是,你能确定我们亲耐的用户浏览器都加载了flash插件吗?那些眼花缭乱的广告,用户会喜欢吗?
    当然啦,广告嘛,人民币就可以解决啦!

    2 html5插入视频
    html5插入视频只需要使用video标签。不需要加载flash。前提是该视频上传到了公司的服务器上。
    src:视频路径
    controls:控制条
    autoplay:自动播放
    loop:循环播放
    格式:ogv和mp4
    例:

    <video src="video/2.mp4" controls autoplay loop width=“200”></video>
    

    source标签:可以引入视频资源。
    例:

    <video controls autoplay>
            <source src="video/1.mp4">
    </video>
    

    3 html5插入音频
    HTML4.01要插入音频,同样的,要借助酷狗、qq音乐、酷我音乐盒等,它们都能提供免费的页面插入音乐功能。本质上也是借助Flash。
    html5:
    src:音频路径
    controls:控制条
    autoplay:自动播放
    loop:循环播放
    支持:ogg ,mp3
    例:

    <audio src="audio/a0m.ogg" controls autoplay loop></audio>
    <audio autoplay>
            <source src="audio/a0m.ogg">
    </audio
    

    别忘了,IE不支持video和audio哦!

    相关文章

      网友评论

          本文标题:html5视频和音频

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