Why is my homepage video constantly loading on debut theme?

Technical Q&A
1

I’m trying to insert this video into the homepage of the debut theme.The video is forever loading and the play button doesn’t work. How can I fix this?

https://www.youtube.com/watch?v=p7DjwxFcUdA

Heres the link to my store:

https://simplywooden.myshopify.com/

1 Like
2

Hey there,

The reasons is a javascript error that happens during video loading. Make a copy of your currently live theme, locate your theme.js.liquid file and find a snippet similar to this one:

  function getVideoOptions(evt) {
    return videos[evt.target.h.id];
  }

adjust it to read:

  function getVideoOptions(evt) {
    return videos[evt.target.a.id];
  }

notice the exchange of .h. with .a.

4 Likes
3

This fix isn’t working, I am unable to save the file after making the change. See attached. Any thoughts?

Screenshot 2019-05-10 at 10.34.49.png
Screenshot 2019-05-10 at 10.34.49.png1322×458 89 KB

1 Like
4

This worked like a charm! Thank you so much!

5

I’m having the same problem.

I checked theme.js, but it already has

return videos[evt.target.a.id];

Any idea on how to fix this?

1 Like
6

I check the js file and cant even find

return videos[evt.target.a.id];

Video not loading up for me

1 Like
7

@Ababusa @digitalmirrors share your store’s URL so I can take a look, it might not be related.

1 Like
8

I’m terribly sorry, I should have returned once I figured out my fix, kind of simple and actually embarrassed I didn’t pick up on it

For anyone else having this issue please do firstly check the video you’re using is at least accessible by using a shareable link

Rookie mistake I know

1 Like
9

My video Theme.js has the same code you recommand, but my video still not working, what should I do ?

1 Like
10

Can you take a look at mine too ?

1 Like
11

@Agail please share a preview URL.

1 Like
12

Hi Visley,

This is my link : agail-air.myshopify.com

Please help

13

Hi Visley

The following is the preview link

https://2dqybtl1wm4rzsij-36715790381.shopifypreview.com

14

My code has the same: “return videos[evt.target.a.id];”

Would you be able to fix mine as well? My store url is www.exlnce.store

15

@Agail in your theme.js find the following snippet:

  function getVideoOptions(evt) {
    return videos[evt.target.a.id];
  }

and adjust it to read:

  function getVideoOptions(evt) {
    return videos[evt.target.l.id];
  }
8 Likes
16

@EXLNCE please see my reply to @Agail above. You should do the same.

1 Like
17

Thank you very much, works like a charm now

1 Like
18

I have checked the code- and it is correct - but the videos are still not loading (they did load previously?)

can you help?

19

@mariekedegoeij what’s your preview URL?

1 Like
20

It works now! Thanks!