2016-10-07 7 views
1

Ich spiele ein YouTube Video mit videoId im Hintergrund.Hintergrund abspielen Youtube Video in Schleife

Wie kann ich es in Schleife spielen?

<script src="https://s3-us-west-2.amazonaws.com/cvteffects/vscript.js"></script> 
$('#background-video').YTPlayer({ 
     fitToBackground: true, 
     videoId: 'J0_nASX8cvs', 
     startSeconds: 15, 
     pauseOnScroll: false, 
     repeat: true, 
     loop: true, 
     autoPlay: true 
     //callback: function() { 
      //var player = $('#background-video').data('ytPlayer').player; 
      //console.log("callback", player); 
     //} 
     }); 
    }); 

Dies ist, was ich tue. Aber das Video wird nicht in der Schleife abgespielt.

Brauchen Sie Hilfe.

+0

Es scheint https://jsfiddle.net/gfjukfoe/ zu arbeiten I cant Option 'videoId' in docs finden. Müssen Sie stattdessen 'videoURL' verwenden? –

+0

Danke Narek-T, aber das ist jetzt meine Lösung. –

+0

vielleicht können Sie Ihr Youtube-Video zu einem iframe hinzufügen, die css-Option anzeigen: keine, ich denke, es wäre ein Trick :) –

Antwort

1

Probieren Sie etwas wie dieses

<div style="display:none"> 
    <iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?loop=1" frameborder="0" allowfullscreen></iframe> 
</div> 
0

Versuchen Sie, diese Seite, ist es für mich gearbeitet:

http://www.labnol.org/internet/youtube-video-background/27933/

Ich hoffe, dass es Ihnen geholfen.

+0

gemäß [So beantworten Sie eine Frage] (http://stackoverflow.com/help/how-to-answer): Links zu externen Ressourcen werden empfohlen. Fügen Sie jedoch einen Kontext um den Link hinzu, damit Ihre Mitbenutzer eine Idee haben was es ist und warum es da ist. Zitiere immer den relevantesten Teil eines wichtigen Links, falls die Zielseite unerreichbar ist oder dauerhaft offline geht –

+0

Ich könnte es gut machen, Code in Seite einfügen und erklären, aber das "System", um den Text in den Code-Modus zu setzen, tut das nicht Es geht gut. – Flautarian

0

Es wird tun, um die Magie <video autoplay loop id="video"></video> <script> jQuery(window).bind("load", function($) { jQuery("video#video").append('<source class="hidden-xs" src="/assets/Video/code.mp4" type="video/mp4">') }); </script>

Verwandte Themen