Anwenden der jquery-function auf die endgültige Website (Childtheme)

Ich versuche eine Autoplay für Videos zu implementieren, die gescrollt werden. Ich benutze ein Child-Theme von twentyseventeen und habe bereits eine .js-Datei mit der jquery-function darin eingereiht.

Dies ist der Teil meiner function.php:

function add_my_script() { wp_register_script( 'scrollmedia', get_stylesheet_directory_uri() . '/js/scrollmedia.js', array('jquery') ); wp_enqueue_script('scrollmedia'); } add_action( 'wp_enqueue_scripts', 'twentyseventeen_child_styles', 'add_my_script' ); 

Das ist /js/scrollmedia.js:

 jQuery(document).ready(function($) { // Get media var media = $( ".panel-video" ); var tolerancePixel = 400; function checkMedia(){ // Get current browser top and bottom var scrollTop = $(window).scrollTop() + tolerancePixel; var scrollBottom = $(window).scrollTop() + $(window).height() - tolerancePixel; media.each(function(index, el) { var yTopMedia = $(this).offset().top; var yBottomMedia = $(this).height() + yTopMedia; if(scrollTop  yTopMedia){ //view explaination in `In brief` section above $(this).get(0).play(); } else { $(this).get(0).pause(); } }); } $(document).on('scroll', checkMedia); }); 

Ich dachte, das wäre genug, um meine Videos (class: Panel-Video) automatisch abspielen zu lassen. Das Seltsame ist: Wenn ich meinen Code in die Browser-Konsole einfüge, funktioniert das ohne Probleme.

Es wäre nett, wenn mir jemand helfen könnte. Ich muss etwas Notwendiges verpassen.

Solutions Collecting From Web of "Anwenden der jquery-function auf die endgültige Website (Childtheme)"