03-图片和视频插入

<img>嵌入图像

<img src="img.png">

属性:
src嵌入图像的URL
Width 定义图片的长度(单位是像素)
Height 定义图片的高度(单位是像素)
alt 当图片不加载时显示的备用内容
title鼠标悬停提示文字

<video>嵌入一个mp4 视频

<video src="xxx.mp4" width="800" height="600"></video>

属性:
src视频资源的url
width:宽;
height:高;
controls:设置后,表示显示播放控件;
autoplay:设置后,表示立刻开始播放视频;
preload:设置后,表示预先载入视频;
loop:设置后,表示反复播放视频;
muted:设置后,表示视频处于静音状态;
poster:指定视频数据载入时显示的图片;

<video src="http://li.cc/test.webm" width="800" height="600" controls
poster="img.png"></video>

<audio>嵌入一个音频

<audio src="test.mp3" controls autoplay></audio>

属性:
src:视频资源的URL
autoplay:设置后,表示立刻开始播放音频
preload:设置后,表示预先载入音频
controls:设置后,表示显示播放控件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容