Very much a newbie here, but I’m trying to use this idea to disable forward seeking in Vimeo clips embedded on a WordPress site
To my functions.php I’ve added
function frogaloop_scripts() {
wp_register_script('snippet', 'https://siteurl/wp-content/themes/themename/js/snippet.js');
wp_register_script('frogaloop','https://f.vimeocdn.com/js/froogaloop2.min.js');
}
add_action( 'wp_enqueue_scripts', 'frogaloop_scripts' );
On a page with an embedded video, I’ve got
<iframe id="video1" src="https://player.vimeo.com/video/xxxxx?api=1&player_id=video1" width="630" height="354" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
Where ‘video1’ matches the iframe label in the codepen example.
When I load the page source, I can’t even see frogaloop being listed, so I’m not sure the enqueuing is even happening…
Where am I going wrong with this ?
Answers:
Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.
Method 1
so I’m not sure the enqueuing is even happening
No, it’s not, because you only registered the scripts, but never enqueued them — which should be done using wp_enqueue_script().
Also, you should make frogaloop as a dependency for your snippet.js script. Hence, register the frogaloop script before your snippet.js script.
// Register the scripts.
wp_register_script( 'frogaloop', 'https://f.vimeocdn.com/js/froogaloop2.min.js', array(), null );
// The third parameter is the script dependencies.
wp_register_script( 'snippet', get_template_directory_uri() . '/js/snippet.js', array( 'frogaloop' ) );
// Then enqueue them. But you just need to call:
wp_enqueue_script( 'snippet' );
// because frogaloop will also be enqueued because it's a dependency for your
// snippet.js script.
Now that should work.
All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0