Why isn't the video loading on my Debut Theme homepage?

Technical Q&A
1

Hi guys,

Video stopped working on our home page. I read the instructions of updating theme.js file (change return videos[evt.target.h.id]; with return videos[evt.target.a.id]:wink: but it was already using the 2nd option. Any ideas why it happened? Our site is https://www.lubiliciouslube.com/ - any help is appreciated!

Thank you!

2

Hello @Anthony60 ,

Revert your changes in theme.js.

Because On your site now its showing JS error.

3

Hi,

Thanks for a fast reply. We’ve done no changes to theme.js file, that’s why it’s strange that it just stopped working by itself

4

Subscribing. My client is having the same issue with Debut, and has updated the “h.” to “a.” already.

5

Hi Bethany,

Any chance you have found a fix? Thanks!

6

Same problem here ringolock.com

7

Quite surprised there isn’t a quick fix for something so basic as this …

8

I’m having the same issue since a few days. Both background and play button don’t work.

Would be great if we can get help from someone to solve this issue.

9

I have contacted the theme support and they have fixed it. It supposed to be some update bug www.ringolock.com

10

Hi Bruny,

Did they happen to mention what was the fix they applied?

Thank you.

11

Just this: Our team has noted a theme bug on the Debut theme that is affecting the video section, due to the updated API on YouTube’s end of things.

12

Hi guys,

For anyone having the same issue, here is what worked for me. In theme.js file search for this code https://prnt.sc/rjjk9o (see https://pastebin.com/DinwsQjU) and replace it with this code - https://prnt.sc/rjjkyn (see https://pastebin.com/zGZJK4C2)

Hope this helps!

9 Likes
13

Excellent work! Now mine works as well on caterking.se . Thank you!

1 Like
14

Thanks man!

Its working perfectly.

15

Hey,

Having the same problem and tried every fix and still nothing. I cant even find this bit of code in my html?

1 Like
16

Work perfectly, thanks!

17

Thankyou so much, worked perfectly

18

Thank you!! This worked perfectly for my store prayersplanner.com :slight_smile:

19

Thank you!!! Works perfectly!

20
  • Please click Online Store and then Themes.
  • Next, click on Actions and select Edit Code.
  • After that, select the Assets file and click theme.js.
  • Search the function name “getVideoOptions”, it would be like the following:
  function getVideoOptions(evt) {
    return videos[evt.target.a.id];
  }

Debut Theme - Video not loading.png
Debut Theme - Video not loading.png551×261 12.8 KB

  • Replace that function with the following code:
  function getVideoOptions(evt) {
    var id = evt.target.getIframe().id;
    return videos[id];
  }

Debut Theme - Video not loading-1.png
Debut Theme - Video not loading-1.png575×229 10.6 KB

  • Save the changes and reload your site.

Cheers,

Tejas

4 Likes