网站（九）HTML多媒体视频

最新推荐文章于 2023-01-01 22:22:56 发布

原创最新推荐文章于 2023-01-01 22:22:56 发布 · 501 阅读

0 ·

CC 4.0 BY-SA版权

学习笔记专栏收录该内容

38 篇文章

订阅专栏

本文深入探讨HTML多媒体视频的实现方法，包括Video元素的基本属性、视频格式支持、转换工具及关键HTML结构。同时，展示了如何通过源标签优化加载与播放体验。

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

HTML多媒体视频

Video元素

有结束符号
属性
- src
- width
- height
- Autoplay：网页完成后自动播放视频
- preload：预先载入
  - None：不加载
  - Metadata：下载第一帧
  - Auto：请求下载全部视频
- loop：循环播放
- controls：显示播放控件
- poster：第一帧图片
- muted：静音
支持的视频格式：
- ogg
- mpeg4
- webm
视频格式转换：视频转换王
在开始与结束之间加入source

<!DOCTYPE html>  <!--让浏览器得知自己要处理的内容是html--> 
<!--这是注释-->

<html len="zh"><!--文档中html部分的开始， language = 简体中文-->

<head><!--提供有关文档内容和标注信息的-->

    <meta charset="UTF-8"><!--用UTF-8的方式将网页进行编码-->

    <title>CreateVideo</title><!--标题-->
</head>

<body>
<video src="学习资料.mp4" height="1024px" controls preload="auto" 
poster="桌面壁纸-2.png">
    <source src="学习资料.ogv" type="video/ogg">
</video>
</body>
</html>

Result
TIPS: 图片画师为ASK