Youtube api - stop video

Ich brauche Hilfe mit Youtube API und embeded-videos.
Ich will stop video beim anklicken auf ein element (div,link,td usw.). Ich werde versuchen, es funktioniert nur für 1 jetzt video, aber die Letzte Funktion dieses Skripts sollte es sein, stoppen alle videos geladen auf der aktuellen Seite. Ich habe gelesen, durch die YT-API-Dokumentation, aber ich bin wirklich Anfänger in JS so seine immer noch ziemlich schwer zu verstehen für mich.

<html>
<head>
    <script type="text/javascript" src="swfobject.js"></script>
</head>
<body>

<a href="javascript:ytplayer.stopVideo()">Play</a>
<br/>
<iframe id="ytplayer" src="http://www.youtube.com/embed/8Ax-dAR3ABs?rel=0&iv_load_policy=3&showinfo=0&enablejsapi=1&version=3&playerapiid=ytplayer" type="application/x-shockwave-flash" frameborder="0" allowscriptaccess="always"></iframe>

</body>
</html>

vielen Dank im Voraus für irgendwelche Tipps

InformationsquelleAutor Madr | 2011-07-12
  1. 14

    Können Sie es nicht kontrollieren, wenn Sie Sie einbetten, mit einem iframe. Sie haben mit dem Objekt einbetten, so wie hier:

    <object id="ytplayer" style="height: 390px; width: 640px">
    <param name="movie" value="http://www.youtube.com/v/8Ax-dAR3ABs?version=3&enablejsapi=1">
    <param name="allowScriptAccess" value="always">
    <embed id="ytplayer" src="http://www.youtube.com/v/8Ax-dAR3ABs?version=3&enablejsapi=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">
</object>

    Den rest des Codes sollte im Allgemeinen nach, dass, obwohl es möglicherweise aktualisiert werden müssen, zu sagen:

    <a href="javascript:document.getElementById('ytplayer').stopVideo()">Play</a>

    Außerdem haben Sie gesehen, die demo-Website? http://code.google.com/apis/youtube/youtube_player_demo.html

    • vielen Dank für die schnellen Antworten, aber es funktioniert immer noch nicht für mich. Ich habe versucht, andere swfobjects, Objekt einbetten, ändern Sie den code und ofc, die ich gesehen habe die demo-Seite, aber ich bin nicht in der Lage, um herauszufinden, wie Sie Taten, play/pause/stop-Tasten, auch nicht aus Ihren html/js codes. Ich denke mein problem ist eher trivial (wie üblich), vielleicht werde ich versuchen, die Dokumentation zu Lesen wieder und lösen Sie es.
    • Ich sah Ihr swfobject link. Warum nicht buchen Sie ein jsfiddle mit dem, was Sie haben, und wir können hash es aus?
    • Sie können Steuern, ein eingebettetes YouTube-video innerhalb der iframe jetzt: apiblog.youtube.com/2011/01/...
    • Es ist eine Javascript API, die sagt, Sie müssen das flash-Objekt ist nicht wahr. (und gab es vor dieser Antwort wurde gegeben zu)
    • Watch out für die doppelten ids in dieser Antwort, das ist schlechtes HTML. Sie führen die API-Befehle auf der <embed> Objekt und nicht auf <object>, also die id sollte auf einbetten.
    InformationsquelleAutor Jordan
  2. 6

    Habe ich vor kurzem schrieb ein kleines jquery für diese, von der youtube-api

    Wollte ich halt alle videos von spielen mit einer einzigen Aktion

    <html>
<head>
<!-- jquery -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
  <body>
    <!-- player divs -->
    <div id="player1"></div>
    <div id="player2"></div>
    <div id="player3"></div>

    <a class="stop">Stop</a>

    <script>
      //load  api
      var tag = document.createElement('script');
      tag.src = "//www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      //make player array
      var players = new Array();

      function onYouTubeIframeAPIReady() {
        players[0] = new YT.Player('player1', {
          height: '390',
          width: '640',
          videoId: 'u1zgFlCw8Aw'
        });
        players[1] = new YT.Player('player2', {
          height: '390',
          width: '640',
          videoId: 'u1zgFlCw8Aw'
        });
        players[2] = new YT.Player('player3', {
          height: '390',
          width: '640',
          videoId: 'u1zgFlCw8Aw'
        });
      }

      $('.stop').click( function() {
        //loop players array to stop them all
        $(players).each(function(i){
           this.stopVideo();
          });
      });


    </script>
  </body>
</html>

    oder zu stoppen, ein einzelnes video:

    $('.stop').click( function() {
   playerVariableName.stopVideo();
});
    InformationsquelleAutor frisseprins
  3. 0

    Nicht vertraut mit dem youtube-api, aber das sollte funktionieren, wenn der andere code korrekt ist:

    <script type="text/javascript">
    player = document.getElementById('ytplayer');

    function stop(){
        player.stopVideo();
        return false;
    }
</script>

<a href="#" onclick="stop()">Play</a>

    Fügen Sie diese an den Ort Ihrer <a href="javascript:ytplayer.stopVideo()">Play</a> tag.

    InformationsquelleAutor Eric Yang
Schreibe einen Kommentar