видеокарта ютуб jsapi

Есть ли способ через JS API для встраивания YouTube, чтобы в конце видео показать пользователям подписку / информацию о карте. Я искал высоко и низко и не могу найти никаких способов сделать это. Любые другие решения за пределами API JS? Может быть, добавление или репликация с помощью DOM или другого метода? Спасибо!

ПРИМЕР: https://www.dropbox.com/s/ivtcxnbszrylwzi/Screenshot%202014-04-09%2015.53.21.png


person Joey Gallegos    schedule 09.04.2014    source источник


Ответы (1)


Одной из возможностей, если бы вы использовали API iFrame, была бы привязка к событиям playerStateChange и прослушивание события YT.PlayerState.ENDED... и когда вы его слышите, вы заменяете видео своей кнопкой подписки. Какая-то такая установка:

<html>
<body>
<div id="myPlayer"></div>
<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(document.getElementById("myPlayer"), {
    width: "853",
    height: "480",
    videoId: "f3_JLyVgbEA",
    events: {
        'onStateChange': onPlayerStateChange
    }
  });
}

function onPlayerStateChange(event) {
  if (event.data == YT.PlayerState.ENDED) {
    // here's where you replace the video with your subscribe button
  }
}
</script>
</body>
</html>
person jlmcdonald    schedule 10.04.2014