Stop youtube-video von spielen in Jquery slider mit Jquery

Ich habe eine tabbed jquery-slider, dass ich mit Anzeige-Elemente eines gesamten Projekts auf einer Seite. Eines dieser Dinge geschieht, um ein youtube-video, aber ich bin nicht mit viel Glück, herauszufinden, wie man das video ANHALTEN, wenn der Benutzer klickt sich durch die anderen Inhalte in der slider.

Sah ich auf andere stackoverflow Fragen, kann aber nichts finden, dass im Einklang mit dem, was ich will, außer die hier: Halt ein youtube-video mit jquery?

ABER es scheint übertrieben zu hinzufügen/entfernen das video, um den dom, um diese Arbeit machen, wenn es kann getan werden einfach mit vimeo-videos. (Siehe http://www.taprootfoundation.org/ ... und Nein, ich kann nicht einfach vimeo :S)

Habe ich versucht, dieses:

$(document).read(function () {
    $("ul#subNav li a").click(function () {
        $('#video').stopVideo();
    });
});

Ich auch versucht, die änderung $('#video').stopVideo(); zu $(window).find(embed).stopVideo(); ... oder so ähnlich, ich kann mich nicht erinnern, es aus die um meinen Kopf.

Und ich versuchte dies auch:

$(document).read(function () {
    $("ul#subNav li a").click(function () {
        var myPlayer = document.getElementById('video');
        myPlayer.stopVideo();
    });
});

"ul#subNav li a" ist meine Liste von links zu Steuern die Schieberegler
"#video" ist die id, die ich gegeben habe, das eingebettete Objekt. (Ich bin mit dem alten Youtube einbetten, nicht iframes.)

Irgendwelche Ideen, wie dies mit den youtube-videos speziell?

InformationsquelleAutor lzheidi | 2011-05-21

  1. 1

    Okay, nach einigen schweren Kopfschmerzen und Verwirrung der Blick durch die Google-API-docs (Google ist Eigentümer von Youtube) ich zusammengebastelten code aus Ihrem Beispiele, um etwas zu arbeiten. Es ist wirklich nicht ideal, weil ich nicht 100% verstehen, was Los ist und warum etwas nicht funktioniert, wenn ich versuchte zu schreiben, die meiner eigenen entspricht.

    Mein regler ist für die Verwendung von divs als "Behälter" für jede Folie. Dieser gesamte code geht in der div möchte ich das video in.

    <!--this is only displayed when the browser does not have flash or js -->
<div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.
</div>

<script type="text/javascript">
//calls the video player by ID so it can be accessed later
function onYouTubePlayerReady(playerId){ytplayer = document.getElementById("playerID");}
     //playerID is arbitrary, what you would normally give to your object or embed element
     var params = { allowScriptAccess: "always" };var atts = { id: "playerID" };

     //this next line totally replaces the object/embed element normally used.
     //be careful when replacing the URL below, only replace the URL up to the question mark (the end of the video ID), the bits after that are REQUIRED for this to work.
     //425/356 etc are sizes of the video
     swfobject.embedSWF("http://www.youtube.com/e/videoID?enablejsapi=1&version=3&playerapiid=ytplayer","ytapiplayer", "425", "356", "8", null, null, params, atts);

     //function to have the video play
     function play() {if (ytplayer) {ytplayer.playVideo();}}

     //function to have the video pause -- apparently using stopVideo isn't best practice. Check GoogleApi for more info: http://code.google.com/apis/youtube/js_api_reference.html#Playback_controls
     function pause() {if (ytplayer) {ytplayer.pauseVideo();}}
</script>

    Dies ist mein link code, zu finden in einer völlig anderen div:

    <a href="#one" rel="1" onclick="pause();"> One</a>
<a href="#two" rel="1" onclick="pause();"> Two</a>
<a href="#three" rel="1" onclick="play();"> Three</a>

    Als ich mit der video-autoplay (per "play();" im link) für das div, das das video, aber ich denke, dass ich tatsächlich nicht, dass die autoplay-Funktion bei videos, die drive me crazy auf andere Völker-Websites-so will ich nicht zu unterliegen, andere Menschen, die auf meiner eigenen Website.

    So dort haben Sie es. Einige code, der funktioniert. Obwohl ich nicht ganz weiß, warum. Hoffe jemand anderes findet das hilfreich!

    **Vergessen Sie nicht, stellen Sie sicher, Sie haben eine swfobject.js Datei verlinkt auf Ihre Seite!
    Ich Tat dies in den Kopf meines Dokuments:

    <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script><!--Uses Google API library-->

    **AKTUALISIERT:
    Funktioniert nicht in Safari oder Firefox, aber funktioniert im IE8 und Chrome. Neugierig zu wissen, warum, weil es in der Regel Firefox oder IE, die nicht spielen schön auf Ihre eigenen, und Safari auf webkit basiert wie Chrome.

    Ideen haben Sie vielleicht hilfreich wäre. Bis dahin werde ich arbeiten für eine neue Lösung und poste es, wenn/falls ich es finde.

    **Update #2: das funktioniert tatsächlich in allen vier großen Browsern (Chrome, Safari, Firefox 3.6 & IE8-nicht getestet für weniger als IE8 oder FF3.6) Stellt sich heraus, ich brauchte, um zu aktualisieren, plugins für beide Safari und FF auf Flash-Unterstützung, so dass die nicht-flash Nachricht wurde in der Tat angezeigt, wenn es sollte. Bitte stellen Sie sich mich Gesicht er.

    Yay für die Arbeit!

    Aktualisierung Nummer 2: Es funktioniert tatsächlich in ALLEN vier großen Browsern (IE8, Chrome, Firefox und Safari-haben nicht getestet, die für weniger als IE8).

    InformationsquelleAutor lzheidi

Schreibe einen Kommentar