Question

我可以通过嵌入YouTube的链接来运行视频。

我的代码：

<video id='my-video' class='video-js' controls preload='auto' width='640' height='264'
    poster='' data-setup='{}'>
      <source src='https://www.youtube.com/embed/fZ-yXDJJj5g'>
      <p class='vjs-no-js'>
        To view this video please enable JavaScript, and consider upgrading to a web browser that
        <a href='https://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>
      </p>
</video>

视频正在显示中，但无法播放。
请帮助我

Answer 1

如官方repo所述，video.js不支持开箱即用的youtube视频，您需要为此使用插件：

它支持HTML5和Flash视频，以及YouTube和Vimeo（通过插件）

因此，您必须为此使用插件，例如this one。

Answer 2

HTML5的视频标签仅适用于视频文件。它不适用于Youtube视频链接（因为这些链接没有指向视频源，而是指向HTML页面的指针）。为此，您都必须找到视频的存储链接，这不是一个好习惯。因为Youtube可以随时更改。最好使用iframe在您的网站上显示Youtube视频。

Answer 3

您可以只使用标签，然后传递视频的src。甚至像这样嵌入。

<iframe id='my-video' class='video-js' width="640" height="264" src="https://www.youtube.com/embed/fZ-yXDJJj5g">
</iframe>

or

<embed id='my-video' class='video-js' width="640" height="264"
src="https://www.youtube.com/v/tgbNymZ7vqY">

然后将这些ID定位为目标，以执行您想要执行的操作。

我遇到了此问题，视频标签在这种情况下不起作用。因此，我研究了您可以使用iframe标记或将其嵌入脚本中然后使用它。

无法通过嵌入YouTube链接运行视频

3 个答案: