When working with YouTube videos in HTML you need to use an <iframe>
to display the video. The <object>
and <embed>
tag combination only works with video that have not been encode through YouTube or other video service, for example: mp4, Adobe Flash, or ogg.
- Rewrite the URL from
https://www.youtube.com/watch?v=lncOvjE4Fko
tohttps://www.youtube.com/embed/lncOvjE4Fko
This will allow the video to be played natively in the popup. - If you want the video to start automatically when the page loads add
?autoplay=1
to the end of the URL. - Replace the piece of code
<object width="425" height="355">...</object>
and put in the following:
<iframe id="ytplayer" type="text/html" width="640" height="390" src="**URL_GOES_HERE**" frameborder="0"></iframe>
The width and height can be change to be what ever works best for your size of popup, if you use 100%
for both height and width it will auto size to window size.
Now when you open the popup the <iframe>
will load the video and you should see the play button or if you added the ?autoplay=1
parameter in the URL it will start playing automatically.