Narrative Theme - Video is not playing in mobile mode

Solved
GDLT
Tourist
9 0 0

Hi,

 

We're using narrative theme and put video in the video slide section. It work on desktop mode but not working on the mobile mode.

Would appreciate any input on this.

TIA

Accepted Solution (1)

Accepted Solutions
Visely-Team
Shopify Partner
1838 210 449

This is an accepted solution.

Your store is password protected. Can you share a preview URL?

 

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog

View solution in original post

Replies 56 (56)
Visely-Team
Shopify Partner
1838 210 449

What's your store URL?

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
Visely-Team
Shopify Partner
1838 210 449

This is an accepted solution.

Your store is password protected. Can you share a preview URL?

 

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog

View solution in original post

GDLT
Tourist
9 0 0

Hi, I've found the problem. It was due the link to youtube. Im using vimeo instead and it worked.  Thank you.,

SKiPA
New Member
1 0 0

Hi there, I’m having the same problem and tried using Vimeo instead. This didn’t solve it for me. I have a feeling it isn’t possible to have looping auto play video on mobile with the narrative theme. Is that right? Or is there some code I can use to make it work?

Thanks in advance

Elza1
New Member
1 0 0

The issue with the theme, in this case, is that the source code includes a rule to support video play-back only past a certain screen width threshold. If the screen of the mobile device is narrower than that minimum size, then the video does not play, and instead, you get your chosen thumbnail displayed. I believe the set minimum width was 749 points. Tablets would pass the threshold, phones in vertical view would not. They do if you rotate your screen, but that might as well distort the page's proportions. We've just looked at this and I can't give you any code snippets to fix it, but if you know which parts of the source code to look at, you might be able to figure out how to bypass or rewrite the rule. 

devy0425
New Member
1 0 0

 So nobody has a solution for this? I was following other forum suggestions and was able to put a code that lets the video play regardless of screen size but then I could not edit the screen width. Can anyone help with resizing?

thespartner
New Member
5 0 0

Hi 

Please assist if you can - I have this same issue.

Thanks

Eric

Visely-Team
Shopify Partner
1838 210 449

@thespartner what's your store URL?

 

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog