Product details page video + picture display

Commodity video (optional) + picture display, as shown in figure

clipboard.png

I use video to make videos.
question 1 what should I do with the picture of the first video in area B?
[what I do: remove the controls= "controls" from the video tag and turn it into a picture. Is that OK? ]

<video src="{$src}"width="30" height="30">
 video 
</video>

question 2: how do videos and pictures be in the same place?
[what I do: switch pictures and change the src; of area A if you click on the first picture of area B, the img of area An is hidden and the video is displayed, OK? ]

Php
Mar.03,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bea375-39d89.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bea375-39d89.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?