时间戳

首页 > 解决方案 > 如何在html中添加视频

javascript - 如何在html中添加视频

问题描述

我想在我的页面上放一段来自 YouTube 的视频，所以我使用了从我在 Google Blogger 上的博客中复制的脚本，如下所示：

<div>
    <iframe 
      id="vid" 
      allowfullscreen=""
      class="YOUTUBE-iframe-video" 
      data-thumbnail-src="https://i.ytimg.com/vi/sjxDbz9HOnE/0.jpg" 
      frameborder="0"
      src="https://www.youtube.com/embed/sjxDbz9HOnEfeature=player_embedded" 
      height="300" 
      width="300">
    </iframe>
</div>

这些视频的方法成功了，

我将使用的视频链接与原始链接进行了比较，发现如下：

使用的视频链接：https://www.youtube.com/embed/sjxDbz9HOnE?feature=player_embedded

原视频链接：https://www.youtube.com/watch?v=sjxDbz9HOnE&feature

我们知道几乎所有 YouTube 视频都以以下短语开头：https://www.youtube.com/watch?v=

从中区分视频的代码是它后面的短语，即：sjxDbz9HOnE

并从中获取任何视频，我们使用以下链接：https://www.youtube.com/embed/__video_cod__?feature=player_embedded

它也适用于另一个链接，它是关于视频图像的，其中：https://i.ytimg.com/vi/__video_cod__/0.jpg

但正如我所说，该方法仅适用于该视频并尝试尝试另一个视频，因此出现视频图像，当我单击它播放视频时它不起作用并显示错误消息。

标签： javascripthtmlcss

解决方案

您应该使用有效的视频网址。您的网址“ https://www.youtube.com/embed/sjxDbz9HOnEfeature=player_embedded ”已失效。

推荐阅读