Question

如果您访问Overwatch的官方网站（https://playoverwatch.com/en-us/）并点击“WATCH TRAILER”按钮，YouTube视频将显示在同一网站上，而无需将您定向到原来的YouTube页面视频来自。他们是怎么做到的？

Answer 1

使用嵌入视频调用它。你可以使用iframes

来做到这一点

YouTube视频ID

当您打开视频时，YouTube会显示ID（例如vhjTYfG）。您可以使用此ID，并在HTML代码中引用您的视频。

要在网页上播放视频，请执行以下操作：

- Upload the video to YouTube
- Take a note of the video id
- Define an <iframe> element in your web page
- Let the src attribute point to the video URL
- Use the width and height attributes to specify the dimension of the player
- Add any other parameters to the URL (see below)

这是一个示例代码，

 <iframe width="420" height="315"
src="https://www.youtube.com/embed/vhjTYfG">
</iframe>

*在这里阅读更多。 w3schools

Answer 2

维瓦瓦先生是对的。我只是想补充一下。

请看一下这个网址 https://developers.google.com/youtube/iframe_api_reference

playoverwatch.com正在使用类似的技术

如何将YouTube视频放在同一个网站上

2 个答案: