cookie-banner | Cookie Banner is a simple Javascript Library | Content Management System library

You need to set the initial value too on the page load, See the modified Js code below

The comment thread on this question is semantically correct, you can only have one instance of each html id attribute, they must be unique, and your find_script_by_id methods are both searching for the same thing.

However, you're doing what's generally called "baking in" the scripts into your header which is at best, a faux pas, at least as far as WordPress is concerned. Properly Enqueueing Scripts (and styles) is very easy in WordPress, and your future self, web clients, and other people who look at your code will thank you for doing it.

It's not unlike how you're "baking in" the scripts now:

Try to declare the '_iub' variable as global one, like this:

If you look closely, you have two img tags:

You have duplicate codes:

• The code in your globaljs.js loads from youtube.com.

• The code inside your script tag embed in home loads from www.youtube-nocookie.com

Last Step:

For thumbnails img.youtube-nocookie.com does not work. You were fetching thumbnail from youtube.com all along. Change your thumbnail loading code to:

I found that there were several reference errors being thrown from my code. I had to correct the instances where I referenced variables as properties of window, and also fix the Unix to UTC time conversion in createCookie.

If you want to keep everything in one page you could update the php-block like so: