Need Help with Embedding Youtube Video on Product Page

[saadrafi]

So i followed some guide and got done till here:

this is the code i used: 

<iframe width="315" height="560"
src="https://www.youtube.com/embed/QPOLrbKI5oQ"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture;
web-share"
allowfullscreen></iframe>

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

Please help

Website URL:

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

[EBOOST · Accepted solution]

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;
}

[saadrafi]

Thankyou, it worked.

can the video be auto played when hovered?

[EBOOST]

Hi,

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