Need Help with Embedding Youtube Video on Product Page

Store Design
1

So i followed some guide and got done till here:

saadrafi_0-1741008840973.png
saadrafi_0-1741008840973.png1811×843 130 KB

this is the code i used:

however i dont like how its showing and i would like to show in full 1920*1080 resolution like the one showed below:

saadrafi_1-1741008907536.png
saadrafi_1-1741008907536.png1501×857 113 KB

Please help

Website URL:

https://hiraali.com/products/b5-collegen-booster-serum

2

Hi @saadrafi ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/theme.css
  3. Add code below to end of file
.product-block.product-single__description iframe {
	height: auto!important;
	aspect-ratio: 9/16;
}

EBOOST_0-1741100892523.png
EBOOST_0-1741100892523.png1920×9196 1.24 MB

3

Thankyou, it worked.

can the video be auto played when hovered?

4

Hi,

Sorry. It’s impossible when you use an iframe to embed video.