标签: youtube-javascript-api

     <div id="ytplayer"></div>
    <script>
        // Load the IFrame Player API code asynchronously.
        var tag = document.createElement('script');
        tag.src = "https://www.youtube.com/player_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        // Replace the 'ytplayer' element with an <iframe> and
        // YouTube player after the API code downloads.
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('ytplayer', {
                height:'390',
                width:'640',
                videoId:'A_aYVs_zFA8',
                events:{
                    'onReady':onPlayerReady,
                    'onStateChange':onPlayerStateChange
                }
            });
        }

        function onPlayerReady(event) {
            _isPlayerReady = true;
        }
        function onPlayerStateChange(event) {
            switch (event.data) {
                case YT.PlayerState.ENDED:
                $j  = jQuery.noConflict();
                $j(".vid-flow").hide();
                ShowCustomDialog(); …

我正在开发一个带SDK的firefox插件.我想做的事:

• 如果用户在youtube的视频上,则firefox插件会知道youtube播放器的当前位置(getCurrentTime())

我用标签开发了它

var tabs = require("sdk/tabs");

当tab准备就绪时,我将contentscripfiles添加到它:

tabs.activeTab.attach({
      contentScriptFile: [data.url("jquery-1.11.1.min.js"), data.url("myscript.js")]
});

在脚本"myscript.js"中,我想访问youtube网站上的youtube播放器.我试过这个:

var playerelement=document.getElementById("movie_player");

我从中获得了"<embed>"DOM元素(ID为"movie_player").但是当我想用方法"getCurrentTime()"访问它时,会出现以下错误:

Message: TypeError: document.getElementById(...).getCurrentTime is not a function

如何才能正确访问youtube播放器才能完成这些工作？

谢谢!

有没有办法用 HTML5 播放器循环播放 YouTube 视频的一部分？我试过这个代码（开始 7 秒，结束 12 秒）

第一个“循环”显示我想要的部分，第二个和其他循环显示整个视频。

它在 Flash 中工作，但我在移动设备的 HTML 5 中遇到问题。

这是我的嵌入代码：

<iframe allowfullscreen="" frameborder="0"  width="960" height="720" src="http://www.youtube.com/embed/Bpu0TIXzI1w?version=3&start=7&end=12&amp;autohide=1&amp;hl=en_US&amp;rel=0&amp;loop=0&amp;modestbranding=1&amp;playlist=Bpu0TIXzI1w"></iframe>

<script>
    var tag = document.createElement('script');
                tag.src = "https://www.youtube.com/iframe_api";
                var firstScriptTag = document.getElementsByTagName('script')[0];
                firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                var player;
                function onYouTubeIframeAPIReady() {
                    player = new YT.Player('youtube-vid', { 
                    videoId: 'M7lc1UVf-VE',
                    events: {
                        'onReady': onPlayerReady,
                        'onStateChange': onPlayerStateChange
                    }
                    });
                }
                function onPlayerReady(event) {
                   event.target.playVideo(); 
                    event.target.setPlaybackQuality('hd1080'); 
                }
                function onPlayerStateChange(e) {
                    if (e.data === YT.PlayerState.ENDED) {
                        player.playVideo(); 
                      }
                      
                }
</script>

请帮我设置 youtube 质量 hd1080 并在页面加载时自动播放我使用了上面的代码，但它对我不起作用

提前致谢！

我有以下jQuery脚本加载带有ajax的页面,我想在页面加载时使用Youtube API显示视频:

$("#games_slides").load($(this).attr('href'), function(){
    function onYouTubePlayerReady(playerId) {
            ytplayer = document.getElementById("ytPlayer");
            ytplayer.cueVideoById("ylLzyHk54Z0");
            ytplayer.playVideo();
    }

    function loadPlayer() {
            var params = { allowScriptAccess: "always" };
            var atts = { id: "ytPlayer" };
            swfobject.embedSWF("http://www.youtube.com/apiplayer?" + "version=3&enablejsapi=1&playerapiid=player1", "youtubePlayer", "480", "295", "9", null, null, params, atts);
    }

    loadPlayer();
});    

播放器已加载,因此loadPlayer函数正在运行,但onYouTubePlayerReady函数未触发.知道为什么吗？

我正在尝试将此代码放在模块函数中:

$(document).ready(function()
    {
        VIDEO.onYouTubeIframeAPIReady();
}


        var VIDEO = (function (my, $){
var tag = document.createElement('script');
var onPlayerStateChange;
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;


   my.onYouTubeIframeAPIReady =function() {
    player = new YT.Player('player', {
      height: '490',
      width: '880',
      videoId: SONG.getArtistId(),
      playerVars: { controls:1, showinfo: 0, rel: 0, showsearch: 0, iv_load_policy: 3 },
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange,
        'onError': catchError
      }
    });
  }

  function onPlayerReady(event) {


  if(typeof(SONG.getArtistId()) == undefined)
  {
    console.log("undefineeeed"); 
  } 


    event.target.playVideo();   
  }

  var done = false; …