html基础教程之媒体元素
html基础教程之媒体元素
老雷PHP全栈开发
发布于 2020-07-02 15:16:28
发布于 2020-07-02 15:16:28
html基础教程之媒体元素
一、img
<img id="" class="" src="http://www.w3school.com.cn/i/eg_cute.gif" alt="图片不存在" />src 图像的 URL
alt 图像的替代文本
二、audio
<audio src="http://www.w3school.com.cn/i/horse.mp3" controls="controls"></audio>属性列表：
src 要播放的音频的 URL
autoplay 自动播放
controls 显示控件
loop 循环播放
preload 预加载，如果autoplay则失效
三、video
<video width="100%" height="240" controls="controls" src="http://www.w3school.com.cn/i/movie.ogg"></video>属性列表：
src 要播放的视频的 URL
height 高度
width 宽度
autoplay 自动播放
controls 显示控件
loop 循环播放
preload 预加载，如果autoplay则失效
poster 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像
四、source 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源
<audio controls="controls">
<source src="http://www.w3school.com.cn/i/horse.mp3" type="audio/mp3">
</audio> <video controls="controls">
<source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg"></source>
<source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4"></source>
</video><source src="horse.ogg" type="audio/ogg">
属性列表：
src 规定媒体文件的 URL
type 规定媒体资源的 MIME 类型
audio/ogg
audio/mp3
audio/mpeg
video/mp4
video/ogg
video/webmQ
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2019-12-05，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读