单击其他播放按钮时如何更新YouTube视频ID

时间:2016-12-28 02:22:32

标签: javascript jquery html video youtube-api

我有一个充满视频的Feed。当用户点击播放按钮时,我希望将该特定视频ID加载到YouTube API中的videoID变量中。现在,我已设法对网站进行编程,以便在每次点击播放按钮时开始播放视频,但是,ID(在编辑帖子时使用ACF $video_id指定为自定义字段)不更新。这是我的Feed的样子:

https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=hastemplate:NPOV%20physics

我已经尝试添加查看player.loadVideoById,但没有多少运气。

以下是我的YouTube API代码:

function onYouTubeIframeAPIReady() {
    player = new YT.Player("player", {
        videoId: "HoVWmW0Zdmo",
        playerVars: {
            controls: '0',
            html5: '1',
            cc_load_policy: '0',
            disablekb: '1',
            iv_load_policy: '3',
            modestbranding: '1',
            showinfo: '0',
            rel: '0',
            autoplay: '0',
        },
        events: {
            "onReady": onPlayerReady,
            "onStateChange": onPlayerStateChange
        }

    });
}

//the id placed below is just a sample id to see if I could even get the ID to change...which I couldnt
jQuery(".media-circle").on("click", function() {
        player.loadVideoById("Vw4KVoEVcr0");
    });

以下是播放按钮的HTML片段。类.media-circle是圆形,包含覆盖相册图片的原型按钮。

<div class="album-dark-overlay play">
    <div class="media-circle">
        <i class="icon ion-ios-play"></i><i class="icon ion-pause"></i>
    </div>
</div>

我是否必须提取帖子ID以便javascript知道要查找哪个videoID?

0 个答案:

没有答案