Product video (non-gallery) plays inline on product page?

Solved
lemezure
Tourist
4 0 2

Hello Shopify Community!

I'm building my store using the Narrative Theme, and I'm using external product videos hosted on YouTube. 

I'd like these videos to play inline so customers can read the product description as they watch. 

It appears the js for the player doesn't have a case for "playsinline" when this attribute is passed using Liquid. Does anyone know how to make this work?

 

Thanks for your time,

Louis

KetanKumar
Shopify Partner
14086 1639 5046

@lemezure 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide 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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lemezure
Tourist
4 0 2

Thanks for your response!

My store URL is https://lemezure.com
(There are no published product videos yet.) 

 

KetanKumar
Shopify Partner
14086 1639 5046

@lemezure 

Thanks but sorry how can i check this issue?

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lemezure
Tourist
4 0 2

@KetanKumar 

I've created a test product so you can see the behavior of external videos on Narrative. 
It's visible on my store at this address .

As you can see, all product videos on Narrative play in a fullscreen player. 
I'd like to make a product template which plays videos inline.

I can work around this problem by creating templates for every product with such a video, commenting out the product media section, and inserting my custom code for a responsive video player. 
However, I would much rather create just one template for use with all such videos that uses the media tags and passes a class for inline player; but, I don't know how to edit the Javascript for the YouTube player. 

Thanks for your time,
Louis

0 Likes
KetanKumar
Shopify Partner
14086 1639 5046

@lemezure 

do you need something like this https://themes.shopify.com/themes/motion/styles/classic/preview

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
lemezure
Tourist
4 0 2

@KetanKumar 

Yes! The Debut theme also has the inline video behavior I want. 

0 Likes
KetanKumar
Shopify Partner
14086 1639 5046

This is an accepted solution.

@lemezure 

It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes