HTML5 多媒体

在HTML5标准以前，音频和视频是借助Flash实现的。一般使用<embed>或者<object>标签。现在HTML5 已经原生支持了多媒体。

音频 <audio>

代码

<!-- controls="controls" 显示控件，否则背景音乐 -->
<!-- loop="loop" 循环播放 -->
<!-- autoplay="autoplay" 循环播放 -->

<audio src="/public/home/poi.mp3" controls="controls" loop="loop"></audio>

效果

视频 <vedio>

代码

<video width="600" height="400" controls="controls" loop="loop">
 <source src="/public/home/poi.mp4" type="video/mp4">
</video>

<!-- 引入视频文件 -->
<!-- 其他属性参考audio标签 -->

效果

publish: 5/4/2018, 1:45:35 PM / by: jmjc.tech

HTML5 教程 HTML5 基本结构 HTML5 头部和主体 HTML5 文本 HTML5 区块 HTML5 图片和路径 HTML5 分组 HTML5 表格 HTML5 表单 HTML5 框架 HTML5 多媒体 HTML5 总结 @新版 - HTML5