Swinkid

Solved.

In my functions.php I was loading jQuery like the following:

    wp_enqueue_script('wptheme-jquery-js-cdn', 'https://code.jquery.com/jquery-3.3.1.slim.min.js');

This caused jQuery to load first. To solve this, I forced it to be loaded in the footer.

    wp_enqueue_script('wptheme-jquery-js-cdn', 'https://code.jquery.com/jquery-3.3.1.slim.min.js', array(), '', true);

This is also better practice to stop it blocking rendering.

Hey Jonas,

My theme is not a child theme of twentyseventeen, is this required? I literally just created a new folder under themes with index, header, footer, sidebar and functions files.

I’ve been following:

Video Headers in 4.7

I’ve also followed the codex documentation as well as pretty much every resource relating to video headers through google.

I’m not sure what I’m missing, and it’s driving me mad! I appreciate your help.

Alex