html中插入视频音频
2016-06-10 16:18
513 查看
一、html中插入视频比较好的两种方法:
1、HTML 5 + <object> + <embed>,具体代码如下:
上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。
2、优酷解决方案
可以把视频上传到优酷等视频网站,然后在您的网页中插入 HTML 代码即可播放视频。
二、html中插入音频比较好的方法:
HTML 5 + <embed>,代码如下:
1、HTML 5 + <object> + <embed>,具体代码如下:
<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240" /> </object> </video>
上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。
2、优酷解决方案
<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"> </embed>
可以把视频上传到优酷等视频网站,然后在您的网页中插入 HTML 代码即可播放视频。
二、html中插入音频比较好的方法:
HTML 5 + <embed>,代码如下:
<audio controls="controls" height="100" width="100"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> <embed height="100" width="100" src="song.mp3" /> </audio>
相关文章推荐
- HTML <!--...--> 注释标签的深层次作用分析
- XML 与 HTML
- 【HTML】小练习,复习巩固
- 静态的html页面想要设置使用浏览器缓存
- html插入图片后在网页显示不出来
- HTML元素的宽度计算
- HTML页面的布局
- Html中的form对象
- 【HTML笔记五】与浏览者交互,表单标签
- 【HTML笔记四】认识标签三
- 【HTML笔记三】认识标签二
- 【HTML笔记二】认识标签一
- html弹出浮动层
- <!DOCTYPE html>很重要
- HTML 修真录------初识"异界"
- HTML基础学习总结
- 【HTML笔记一】HTML介绍
- html之 <dl> <dd> <dt>
- Html之初体验
- HTML代码规范