How To Put Youtube Video On The Same Site

If you go to the official website of Overwatch (https://playoverwatch.com/en-us/) and click on the 'WATCH TRAILER' button, the youtube video will appear on the same website without

Solution 1:

It's called using embed videos. you can do it with using iframes

YouTube Video Id

YouTube will display an id (like vhjTYfG), when you open video. You can use this id, and refer to your video in the HTML code.

To play your video on a web page, do the following:

- Upload the videoto 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)

This is an example code,

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

*Read more here. w3schools

Solution 2:

Mr Vishwa is right. I just wanted to add.

Please have a look at this url https://developers.google.com/youtube/iframe_api_reference

playoverwatch.com is using a similar technology