html5视频和音频

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已经为我们提供了音频和视频的控制让我们不必在依赖于Flash。本次我将为大家讲解html5的音频和视频操...
    便U_Life阅读 2,694评论 1 11
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 845评论 0 4
  • 首先,我们要理解两个概念:容器(container)和编解码器(codec)。1.视频容器音频文件或视频文件,都只...
    IT小C阅读 1,343评论 2 5
  • 一.音频和视频概述 首先,我们要理解两个概念:容器(container)和编解码器(codec)。 1.视频容器 ...
    阿甘笔记阅读 807评论 0 7
  • 1、HTML5:HTML4.1网页开发:结构: html4.0样式:css css2行为:jsHTML5:是HTM...
    Yuann阅读 894评论 0 2