Good day. There was such a problem - there is a page on which there should be reduced previews to the video and there is a page where this video should be large.
User adds video using HTML code:

<iframe width="560" height="315" src="https://www.youtube.com/embed/E9993V1ocHM" frameborder="0" allowfullscreen></iframe>

The record is added to the database and then displayed on the pages.
My problem is the following - how to make it so that on the page with small previews they were small, such a plan is http://joxi.ru/MAjJekbiB4Z8Ae . It turns out that I have one entry displayed on two different pages, but on one of them it is necessary that the video be small. Now I have the following code on the pages:

 <iframe width="200" height="100" src="<?= $item1->video ?>" frameborder="0" allowfullscreen></iframe>

In <?= $item1->video ?> link of the following type is inserted: https://www.youtube.com/embed/E9993V1ocHM , and such links are:
https://www.youtube.com/watch?v=E9993V1ocHM , https://youtu.be/E9993V1ocHM does not work.
How can I display video on the last two links? Or you need to add a <iframe... and write a parser that will take the necessary part from the database and paste it into the page? I hope clearly told. Tell me please.

    1 answer 1

    Use the YouTube Thumbnail Grabber tool to highlight / define thumbnails of the selected video. I called this thumbnail: hqdefault.jpg

    enter image description here

    Further:

     <a href="https://www.youtube.com/embed/E9993V1ocHM"><img src="hqdefault.jpg" /></a>
    • You did not understand. I do not need a thumbnail in the form of pictures. I need that one link display two videos - one 200x100, and the second 560x315. - Alexey