相关疑难解决方法(0)

我希望能够控制基于iframe的YouTube播放器.这些播放器已经在HTML中,但我想通过JavaScript API控制它们.

我一直在阅读iframe API的文档,该文档解释了如何使用API​​向页面添加新视频,然后使用YouTube播放器功能控制它:

var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('container', {
        height: '390',
        width: '640',
        videoId: 'u1zgFlCw8Aw',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
}

该代码创建一个新的播放器对象并将其分配给"播放器",然后将其插入#container div中.然后,我可以在"播放器"和呼叫操作playVideo(),pauseVideo()就可以了,等等.

但我希望能够对已经在页面上的iframe播放器进行操作.

我可以使用旧的嵌入方法很容易地做到这一点,例如:

player = getElementById('whateverID');
player.playVideo();

但这不适用于新的iframe.如何在页面上分配iframe对象,然后在其上使用API​​函数？

我已经使用iframe功能嵌入视频,而我正在通过JavaScript隐藏/显示内容和视频.

我有一个问题.当我在第一个视频上按下播放,然后在不停止第一个视频的情况下点击下一个视频时,第一个视频继续播放.

在显示新内容时,如何在"背景"中停止视频？

$(function(){
    $("#link1").click(show1);
});

function show1(){
    $("#pic1").fadeIn();
    $("#pic2").hide();
}

我只是使用这个简单的JavaScript函数,其中"pic1"和"pic2"id是div的id,视频是嵌入的.

我似乎无法使它工作.我试图把删除,但如果你愿意,你再也看不到视频了.

我使用光滑的滑块作为多个图库滑块,其中一个项目是YouTube剪辑.一切都很好,除非用户点击视频继续播放的下一张或上一张幻灯片.我似乎找不到任何关于如何在YouTube剪辑不合时自动暂停或停止YouTube剪辑的文档.