Aplicar function jquery no site final (Childtheme)

Estou tentando implementar uma reprodução automática de vídeos, que estão sendo roteados. Estou usando um tema infantil de vinte e dez anos e eu já coloquei um arquivo .js com a function jquery nele.

Esta é a parte da minha 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' ); 

Isso é /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); }); 

Eu pensei, isso seria suficiente para obter meus vídeos (class: painel-video) para reprodução automática. O estranho é: se eu colar meu Código no Console do Navegador, ele funciona sem problemas.

Seria gentil se alguém pudesse me ajudar. Devo estar perdendo algo necessário.

Solutions Collecting From Web of "Aplicar function jquery no site final (Childtheme)"