CODEWITHSUNDEEP
javascriptjqueryyoutube-api
Marc Ster
Marc Ster

Reputation: 2316

Youtube API: See which video id is currently playing

Is there a way to display/see/return which video (so, which videoID) is playing at the moment?

This is the basic code of the Iframe API:

var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'pJ18QeQy0e8',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange,
        'onError': onError,
      },
        playerVars: {

                    'controls': 0,
                    'showinfo': 0,
                    'iv_load_policy': 3,
                    'wmode': "opaque",
                },
    });
  }

after the first video has finished. This event will be called:

  function onPlayerStateChange(event) {
if(event.data === 0) {    
        player.stopVideo();
player.loadVideoById(getId());          

        }
  }

The getId() function will get another videoId to play..

I want to display in a DIV, which videoId is currently playing

Upvotes: 3

Views: 12105

Answers (4)

Rockyo_FN
Rockyo_FN

Reputation: 1

(Original created by Dal) - This version is edited to work with playlists 

var url = window.location.href;

var isYTvid = url.indexOf("www.youtube.com/watch?v=");
if (isYTvid != -1) {
    var id = url.split("&")[0].split("=")[1]
    console.log(id);
}

Upvotes: 0

Dal
Dal

Reputation: 164

Using window.location.href...

You can paste this into the console on desktop and if you're on a youtube video it'll take the id out of the url, not elegant at all but it works for desktop

var url = window.location.href;

var isYTvid = url.indexOf("www.youtube.com/watch?v=");
if (isYTvid != -1) {
    var id = url.slice(url.indexOf("=") + 1 , url.length);
    console.log(id);
}

Upvotes: 0

cazuba
cazuba

Reputation: 329

player.getVideoData()['video_id']

OR

var video_data = player.getVideoData()
video_data['video_id']

Solution: 

function onPlayerStateChange(event) {
    if(event.data === 0) {    
        player.stopVideo();
        player.loadVideoById(player.getVideoData()['video_id']);
    }
}

Upvotes: 20

Ibrahim Ulukaya
Ibrahim Ulukaya

Reputation: 12877

You can use getVideoUrl to get the url and take the id part out of this url.

Upvotes: 4

Related Questions