Youtube video

[larsjanssen6]

Hallo,

Graag wil ik op mijn nieuwe website een youtube video laten starten zonder dat de tijdbalk
etc. getoont wordt. Via youtube heb ik een code gekopierd waardoor de video wel automatisch start maar de
balken zitten er wel nog steeds bij. Iemand enig idee hoe ik dit weg krijg?

Lars

 

[nielsh12]

Dat kan zeker, met hulp van dit scriptje:

<div id="howToVideo"></div>

<script type="application/javascript">

    var ga = document.createElement('script');
    ga.type = 'text/javascript';
    ga.async = false;
    ga.src = 'http://www.youtube.com/player_api';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ga, s);

    var done = false;
    var player;
      
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('howToVideo', {
            height: '390',
            width: '640',
            videoId: 'qUJYqhKZrwA',
        playerVars: {
            controls: 0,
            disablekb: 1
        },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }
    function onPlayerReady(evt) {
        console.log('onPlayerReady', evt);
    }
    function onPlayerStateChange(evt) {
        console.log('onPlayerStateChange', evt);
        if (evt.data == YT.PlayerState.PLAYING && !done) {
            setTimeout(stopVideo, 6000);
            done = true;
        }
    }
    
    function stopVideo() {
        console.log('stopVideo');
        player.stopVideo();
    }

</script>

Bij "videoId" tussen de aanhalingstekens het stukje na www.youtube.com/ plakken.

Voorbeeldje van hoe het eruit ziet.

 

[larsjanssen6]

Super het werkt.

Bedankt!