白骑士的HTML教学进阶篇 2.2 嵌入与多媒体

系列目录

上一篇：白骑士的HTML教学进阶篇 2.1 表单与输入

        在上一节中，我们探讨了HTML表单的创建和使用。在本节中，我们将深入了解如何在网页中嵌入多媒体内容。多媒体元素如视频、音频、以及外部内容的嵌入，可以极大地提升网页的互动性和视觉效果。我们将学习如何插入视频与音频、使用‘iframe‘嵌入内容，以及如何嵌入SVG和Canvas来实现复杂的图形展示。

插入视频与音频

        HTML5引入了对视频和音频的直接支持，使得在网页中嵌入这些元素变得更加简单和高效。

插入视频

        HTML使用‘<video>‘标签来插入视频，支持多种格式如MP4、WebM、Ogg等。你可以添加控制按钮、自动播放、循环播放等功能。

基本视频插入示例

<video width="600" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    您的浏览器不支持HTML5视频标签。
</video>

• ‘controls‘：