HTML5&CSS3-充实计划0426

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

<img src="images/photo.jpg" alt="这是图片" width="300" height="200" />   width和height固定图片大小

路径表示法：relative path / Absolute path

添加影音特效：音乐形式的文件格式有  wav/mp3/OGG(Vorbis编码)

<video></video>和<audio></audio>标记播放影音

<audio src="music.mp3" type="audio/mpeg" controls></audio>

autoplay属性
controls属性（是否显示播放面板，加入表示显示）
loop：是否循环播放
preload：是否预先将加载，减少用户等待时间。属性值有auto网页打开时就加载/metadata只加载meta信息/none网页打开时不加载影音
width/height：设置播放面板的宽度和高度，单位为像素
type="audio/mpeg"：指定播放类型，不需要让浏览器去检测文件格式。type必须指定适当的MIME（Multipurpose Internet Mail Extension）类型
codec="vorbis"   明确表示编码

HTML5提供了<source>标记，可以同时指定多种音乐格式，浏览器会依序寻找可以播放的格式
例如：

<audio controls="controls">
     <source src="music.ogg" type="audio/ogg" />
     <source src="music.mp3" type="audio/mpeg" />
</audio>

若浏览器不支持<audio>标记时，<audio>标记中的内容会显示在屏幕上。
若要将音乐设置为背景，只要在<audio>中，添加autoplay属性就好。

添加影音动画：
HTML5中，新增<video>标记，属性与<audio>大致相同。
<video src="multimedia/buttterfly.mp4" controls="controls" > </video>
支持三种影音格式：OGG（Theora编码）、MP4和WEBM（VP8编码），各种浏览器支持各不相同。
因此至少要准备MP4+OGG或MP4+WebM才行

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：HTML5 HTML htm Extension Controls

感谢分享！

为您点赞！

感谢分享，向您学习，赞！

添加影音动画：
HTML5中，新增<video>标记，属性与<audio>大致相同。
<video src="multimedia/buttterfly.mp4" controls="controls" > </video>
支持三种影音格式：OGG（Theora编码）、MP4和WEBM（VP8编码），各种浏览器支持各不相同。
因此至少要准备MP4+OGG或MP4+WebM才行

谢谢分享