如何在个人主页上添加视频和图片展示

可以使用 <iframe> 标签嵌入外部视频网站如YouTube或Vimeo的视频。例如:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

将 VIDEO_ID 替换为你想要嵌入的视频ID即可。

使用 <img> 标签插入图片,并设置 src 属性为图片的路径或URL。例如:

<img src="image.jpg" alt="My Image" width="400" height="300">

你也可以使用 <figure> 和 <figcaption> 标签为图片添加说明文字。

你可以使用 <div> 标签创建一个相册或图片展示区域,在其中添加多张 <img> 标签。通过CSS设置图片的大小、间距和布局。

除直接嵌入视频,你也可以使用 HTML5 的 <video> 标签创建一个自定义的视频播放器。这样可以更好地控制视频的外观和功能。