移动端video兼容你需要知道的几点

最新推荐文章于 2024-01-28 22:16:22 发布

转载最新推荐文章于 2024-01-28 22:16:22 发布 · 438 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.mark-to-win.com/tutorial/50958.html

文章标签：

#html #video

前端专栏收录该内容

101 篇文章

订阅专栏

本文详细解析了HTML5 video标签的各项属性，如src、loop、poster等，并提供了实际应用场景。通过阅读，你可以了解到如何在网页中实现视频的无缝循环播放、预加载策略以及自定义海报图片等设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

   <video 
    :src="item"   
    loop       
    poster="http://image3.xyzs.com/upload/e1/7c/1440551648673169/20150827/144067879418296_0.jpg"
    webkit-playsinline="true"
    x5-playsinline=""
    x5-video-player-type="h5"
    x5-video-player-fullscreen="true"
    playsinline="true" preload="auto"