如何在HTML中嵌入Youtube视频

📌 相关文章

📜 如何在HTML中嵌入Youtube视频

📅 最后修改于: 2020-11-04 01:09:33 🧑 作者: Mango

如何在HTML中嵌入Youtube视频

如果我们要将YouTube视频嵌入到HTML文档中，则必须遵循以下步骤。使用这些步骤，我们可以轻松地在网页上显示Youtube视频。

步骤1：首先，我们必须在YouTube上上传视频，然后将其显示在网页上。然后，我们必须拍摄该视频的ID。

步骤2：现在，我们必须在任何文本编辑器中键入HTML代码，或者在要嵌入视频的文本编辑器中打开现有的HTML文件。


   
    
   
Embed a Youtube video



Hello JavaTpoint! 

Hello User!

步骤3：然后，我们必须将光标放在要显示视频的位置。之后，我们必须定义在那时标记。</p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-python" data-lang="Java"><code><span <="" span="" style="font-size: 10pt"><!Doctype Html> <Html> <Head> <Title> Embed a Youtube video </Title> </Head> <Body> Hello JavaTpoint! <br> Hello User! <br> <iframe>

步骤3：现在，我们必须添加名称为“ src”的iframe代码的属性。因此，请在标签。</p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-python" data-lang="Java"><code><span <="" span="" style="font-size: 10pt"><!Doctype Html> <Html> <Head> <Title> Embed a Youtube video </Title> </Head> <Body> Hello JavaTpoint! <br> Hello User! <br> <iframe src="">

步骤4：之后，我们必须提供要嵌入的Youtube视频的URL。因此，在src属性中键入视频的URL。

步骤5：之后，我们还可以使用两个不同的属性来设置播放器的尺寸(宽度和高度)，如以下块所示：

步骤6：最后，我们必须在文本编辑器中保存HTML文件或HTML代码。然后运行文件。


   
    
   
Embed a Youtube video



Hello JavaTpoint! 

Hello User!

下面的屏幕快照显示了以上HTML代码的输出：

YouTube视频自动播放

如果我们要在访问存在youtube视频的网页时自动开始播放视频。然后，我们可以轻松地使用Html文档中的autoplay选项来自动启动视频。


   
    
   
Embed a Youtube video



Hello JavaTpoint! 

Hello User!

以上Html代码的输出显示在具有自动播放功能的以下屏幕截图中：