美文网首页
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