Vraag over youtube code generator wordpress

[tombalfoort]

Hallo,

Ik gebruik wordpress op een site en pas hier in het thema de automatische embed aan van youtube. Zodat hij automatisch afspeelt en bepaalde zaken weg laat.

Dat is deze code:

/* customize embed settings for youtube !! */
function custom_youtube_settings($code){
	if(strpos($code, 'youtu.be') !== false || strpos($code, 'youtube.com') !== false){
		$return = preg_replace("@src=(['\"])?([^'\">\s]*)@", "src=$1$2&rel=0&showinfo=0&modestbranding=0&iv_load_policy=3&autoplay=1&controls=1", $code);
		return $return;
	}
	return $code;
}
 
add_filter('embed_handler_html', 'custom_youtube_settings');
add_filter('embed_oembed_html', 'custom_youtube_settings');

Alleen nu wil ik een stap verder gaan. Ik wil nu dat de URL zoals boven aangegeven wordt gezet in een pagina. Maar dan met een extra stuk code.

Nu kan ik wel zo hier en daar wat aanpassen. Maar dit gaat mij toch iets verder buiten het boekje. Kan iemand mij adviseren hoe ik dit eventueel kan aanpassen of waar ik moet zoeken?

<script>
jQuery(document).ready(function($) {
	
    jQuery('.video-thumb').click(function() {
	
        var vidId = '$VIDEO-ID-YOUTUBE';
                $('#vidcontainer').html('<iframe id="player_'+vidId+
            '" src="http://www.youtube.com/embed/'+
            vidId+'?enablejsapi=1&autoplay=1&autohide=1&showinfo=0&modestbranding=0&rel=0" '+
            'frameborder="0" allowfullscreen></iframe>');
        
        new YT.Player('player_'+vidId, {
            events: {
                'onStateChange': onPlayerStateChange
            }
        });
    });
    
});

function log(msg) {
    jQuery('#log').prepend(msg + '<br/>');
}

function onPlayerStateChange(event) {
    switch(event.data) {
        case YT.PlayerState.ENDED:
            //log('Video has ended.');
              				window.location.href = '#URL-VOOR-ALS-DE-VIDEO-KLAAR-IS';
			            break;
        case YT.PlayerState.PLAYING:
            //log('Video is playing.');
            break;
        case YT.PlayerState.PAUSED:
            //log('Video is paused.');
            break;
        case YT.PlayerState.BUFFERING:
            //log('Video is buffering.');
            break;
        case YT.PlayerState.CUED:
            //log('Video is cued.');
            break;
        default:
            //log('Unrecognized state.');
            break;
    }
}

setTimeout(function () {
   jQuery('.video-thumb').trigger('click');
}, 1000);

</script>

 

[tombalfoort]

Is niet meer nodig...