如何在HTML中添加视频?
如果要在HTML文档中添加视频,我们必须遵循以下步骤。使用这些步骤,我们可以轻松地在网页上显示视频。
第1步:首先,我们必须输入HTML代码,也可以在我们要添加视频的文本编辑器中打开现有的HTML文件。
<!Doctype Html>
<Html>
<Head>
<Title>
添加视频示例
</Title>
</Head>
<Body>
Hello Lidihuo! <br>
Hello User! <br>
</Body>
</Html>
第2步:现在,将光标移至我们要添加视频的位置。然后,在此时输入
<video>标签。之后,我们必须在视频标记的开始和结束之间使用源标记。
<Body>
Hello Lidihuo! <br>
Hello User! <br>
<video>
<source>
</video>
</Body>
第3步:现在,我们必须在名称为"
src "的源标签中添加该属性。因此,请在
<source>中输入
src 和
type 属性。
第4步:之后,我们必须提供要添加或插入的视频的路径。因此,请在
src 属性中键入视频的路径。如果我们的视频存储在与HTML文件存储在同一目录中,请键入以下路径:
<img src="videoname.extension">
<source src="videoname.extension"><br>
如果我们的视频存储在任何其他目录中,请键入该视频的正确路径,以便浏览器可以读取如以下块中所述轻松地播放视频。
<source src="/home/sumit/Desktop/images/lidihuoimage.jpeg">
第5步:之后,我们还可以使用两个不同的属性来设置该视频的宽度和高度,如以下块所示:
<video width="pixel" height="pixel">
第6步:而且,最后,我们必须在文本编辑器中保存Html文件或Html代码。然后运行文件。
<!Doctype Html>
<Html>
<Head>
<Title>
添加视频示例
</Title>
</Head>
<Body>
Hello Lidihuo! <br>
<video width="320" height="240" controls autoplay>
<source src="path of a video" type="video/mp4">
</video>
Hello User! <br>
</Body>
</Html>