手机播放视频错误html5_video4，html标签img标签属性

哟，小伙伴们，今天老铁我给大家介绍一下html标签中的video标签和img标签的属性哦，这可是前端开发必备的基础技能啊。

先说说video标签吧，这个玩意儿跟我们常用的img标签类似，不过video标签可以支持视频播放。像这种牛逼的标签，肯定是要来点属性才能表现出它的优势的。

首先来介绍一下src属性，这个属性指定视频资源的位置，它的取值可以是本地的视频文件路径、在线的视频地址或是data URI格式的视频；

然后是poster属性，这个属性指定视频播放前显示的图片，当然这个图片最好跟视频有点关联，这样才能让用户知道这是个视频播放的入口哦；

接下来是autoplay属性，这个属性就是控制视频自动播放的，如果这个属性设置为“true”，视频将在网页加载时自动播放，有用吧；

再来看一下controls属性，这个属性可以显示播放器控制条，方便用户控制视频的播放，不设置这个属性的话用户会很困难的控制视频播放呢；

preload属性也是很重要的一个属性，这个属性可以设置视频在页面加载时预加载的方式，比如可以设置为“auto”表示一旦页面加载完了，视频就直接预加载，然后等待用户点击播放，妙不可言。

好了，现在我们来说说img标签，这个标签很简单，但是属性也是很多滴。

首先是src属性，这个属性和video标签的src属性一样，指定图片位置，取值可以是本地路径、在线地址或data URI格式；

接下来是alt属性，这个属性指定图片加载失败时显示的文字，这个属性非常重要哦，这样才能让用户知道图片加载失败了，不再盲目猜测；

然后是width属性，这个属性指定图片的宽度，可以是具体数值如“200px”或百分比形式如“50%”，不设置的话图片会根据实际大小来展示；

height属性与width属性类似，可以指定图片高度，同样可以设置为具体数值或百分比形式；

最后要介绍的属性是title属性，这个属性指定图片加载成功后图片上方显示的文字，可以用来展示图片的简单说明或作者等信息。

嗨呀，看完这篇文章，你已经掌握了html标签img和video的属性知识，是不是很牛逼啊，赶快用起来吧！ 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/