HTML视频标签的调取、使用和自动播放的设置

原梓番
593
文章
130
评论
2019/09/2622:31:42 1 3,269 views

为什么前面我用了这么个缩略图?

因为我图片库里好像就这个和视频关键词最接近……

HTML5支持的Video标签,这里需要注意的有两点,第一视频必须是H.264格式,否则无法直接播放,转码等相关操作较为繁琐。

第二:视频缩略图,使用poster标签,直接写图片地址即可。

第三,自动播放,加一个autoplay=autoplay,即可。

第四,视频地址,视频地址是在<video></video>之间,在source src=后面填写。

示例如下:

<video controls="controls" poster='/wp-content/uploads/2019/09/slt.jpg.jpg'>
  <source src="http://你的域名或视频地址/sv/243fa087-16d6b2e0e89/243fa087-16d6b2e0e89.mp4" type="video/mp4">
</video>
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • 137博客 3

      时间,带不走真正的朋友;岁月,留不住虚幻的拥有 www.sport126.com