Embed video in blog post

Jina
Excursionist
27 0 4

Hi, 

I am trying to add a youtube video to our blog post. 

I followed the instruction and embedded the video on post with this iframe code:

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

 

From the edit page seemed fine as well. 

Screenshot 2021-09-15 at 12.10.39.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

However, when I see the preview, the video appears very big on the top of the post. 

 

Screenshot 2021-09-15 at 12.11.33.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Is there a way to reduce the size of the video and place it between the text where I'd like to put it? 

 

I appreciate your time and help. 

Thanks,

Jina 

Replies 15 (15)
dmwwebartisan
Shopify Partner
9731 2226 3053

@Jina 

Please share store URL

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
24919 2496 9027

@Jina 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jina
Excursionist
27 0 4

https://alexcarro.com/

 

This is our store URL. 

But you won't see the huge video on the blog post, I removed it since the blog post is not hidden. 

 

Let me know if you need anything else, thank you! 

 

Jina
Excursionist
27 0 4
Hi Ketan,

Thanks for your message.


https://alexcarro.com/



This is our store URL.

But you won't see the huge video on the blog post, I removed it since the
blog post is not hidden.



Let me know if you need anything else, thank you!


dmwwebartisan
Shopify Partner
9731 2226 3053

@Jina 

Please add vedio your blog page and share link 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
24919 2496 9027

@Jina 

can you please sent url blog

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Choong_HueApps
Explorer
49 2 5

Hi Jina,

Can you try removing the "allowfullscreen" at the end of the embed code and see if it works?

Screenshot below for your reference.

Choong_HueApps_0-1631723097870.png

Note: Please mark this as solution if it works.

Shopify Blog Posts & Articles Filter with Tags
https://apps.shopify.com/blog-post-article-tag-filter
Better Blog posts discovery experience | Setup blog article filters easily now with tags.
Jina
Excursionist
27 0 4
Hi,

I removed the "allowfullscreen" but it still looks the same...
Do you think I should add any other attributes to make it smaller?


Thanks,
Jina
dmwwebartisan
Shopify Partner
9731 2226 3053

@Jina 

This attribute is considered a legacy attribute and redefined as allow="fullscreen".
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →