javascript - YouTube jsapi 视频卡

标签 javascript youtube youtube-api youtube-javascript-api youtube-channels

有没有办法通过用于 YouTube 嵌入的 JS api 来结束向用户订阅/关于卡的视频节目。我搜索了高低,似乎找不到任何方法。 JS api之外的任何其他解决方案?也许使用 DOM 或其他方法添加或复制?谢谢!

示例: https://www.dropbox.com/s/ivtcxnbszrylwzi/Screenshot%202014-04-09%2015.53.21.png

最佳答案

如果您要使用 iFrame API,一种可能性是绑定(bind)到 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>

关于javascript - YouTube jsapi 视频卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22974748/

相关文章:

javascript - 是否可以在属性中使用 Grunt 任务目标名称?

php - 为什么我的输入法不起作用?

youtube - 如何在单个 v3 api 调用中获取 youtube 视频详细信息和相关视频?

javascript - 同一页面中的两个倒计时器无法正常工作(javascript jquery)

javascript - 在 JSON 对象中搜索特定键

c# - mediaelement 中的 UWP youtube 播放器

php - youtube-dl 获取直接下载网址

android - Android 应用中的 Youtube v2 到 v3 迁移

javascript - 如何在更改选择列表中的选项时停止所有 YouTube 视频

youtube - 通过YouTube API v3上传的视频在社区贡献关闭的情况下上传