全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 学道会
599 6
2019-04-26

<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才行

二维码

扫码加我 拉你入群

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

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

全部回复
2019-4-26 14:06:50


感谢分享!
二维码

扫码加我 拉你入群

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

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

2019-4-26 15:55:16
为您点赞!
二维码

扫码加我 拉你入群

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

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

2019-4-26 16:04:18
感谢分享,向您学习,赞!
二维码

扫码加我 拉你入群

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

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

2019-4-26 16:07:57
二维码

扫码加我 拉你入群

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

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

2019-4-26 17:06:15
添加影音动画:
HTML5中,新增<video>标记,属性与<audio>大致相同。
<video src="multimedia/buttterfly.mp4" controls="controls" > </video>
支持三种影音格式:OGG(Theora编码)、MP4和WEBM(VP8编码),各种浏览器支持各不相同。
因此至少要准备MP4+OGG或MP4+WebM才行
二维码

扫码加我 拉你入群

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

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

点击查看更多内容…
栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群