<video> 标签preload属性根据条件是否载入视频。
不载入视频，在视频播放时再加载视频
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置视频不载入案例-HTML教程www.xuandaima.com</title> </head> <body> <video controls preload="none"> <source src="/Template/Test/src/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 video 标签。 </video> </body> </html>
 | 如果使用 autoplay 属性 preload 将被忽略。 |
设置视频预览图，可为视频中的一帧截图作为预览图并不载入视频
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置视频预览图并不载入案例-HTML教程www.xuandaima.com</title> </head> <body> <video controls poster="/ueditor/php/upload/image/20221011/20221017232015.png" preload="none"> <source src="/Template/Test/src/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 video 标签。 </video> </body> </html>
因windows系统safari浏览器停止更新后不支持该属性
<video preload="值"></video>
| 值 | 描述 |
|---|---|
| auto | 指示一旦页面加载，则开始加载音频/视频。 |
| metadata | 页面加载完后仅加载音频/视频的元数据。 |
| none | 指示页面加载后不应加载音频/视频。 |
