0

我需要使用 jQuery 或 javascript 暂停 youtube 视频

我在 js 中的代码

var class_name = $('#videobuttonChange').attr('class').split(' ')[1];
if (class_name == "play") {
    $("#vid_url").html('<iframe width="100%" height="270px" id="v_frame" src="http://www.youtube.com/v/uPiVOofEPHM?version=3&f=playlists&c=youtube_it&app=youtube_gdata&autoplay=1" frameborder="0" allowfullscreen wmode="Opaque"></iframe>');
} else {
    $("#vid_url").html('<iframe width="100%" height="270px" id="v_frame" src="http://www.youtube.com/v/uPiVOofEPHM?version=3&f=playlists&c=youtube_it&app=youtube_gdata" frameborder="0" allowfullscreen wmode="Opaque"></iframe>');
}

在其他情况下，我需要暂停视频，但我的代码充当停止视频的角色。如何暂停视频。

谁指导我。

4

3 回答 3

1

您可以尝试iframe在将其附加到 DOM 之前有条件地配置：

var video = $('<iframe></iframe>');
    video.attr({'width': '100%',
                'height': '270px',
                'id': 'v_frame',
                'src': 'http://www.youtube.com/v/uPiVOofEPHM?version=3&f=playlists&c=youtube_it&app=youtube_gdata',
                'frameborder': '0',
                'allowfullscreen': '',
                'wmode': 'Opaque'});

if($('#videobuttonChange').hasClass('play')) {
   video.attr('src', video.attr('src') + '&autoplay=1');
}
video.appendTo($("#vid_url"));
于 2013-11-08T07:38:48.823 回答
0

You can use YouTube JavaScript Player API

<body>
<div id="videobuttonChange" class="play"></div>
<div id="vid_url"></div>

<script src="http://www.youtube.com/iframe_api"></script>

<script>
    var player;

function onYouTubePlayerAPIReady() {   //create iframe in #vid_url   
    player = new YT.Player('vid_url', {
        height: '270px',
        width: '100%',
        videoId: 'uPiVOofEPHM'
    });

    setTimeout(function () { //as it is asynchronous  
        if ($('#videobuttonChange').hasClass("play")) {
            player.playVideo();
        } else {
            player.pauseVideo();
        }
    }, 2000);

}
</script>

Fiddle http://jsfiddle.net/code_snips/gNF6q/

于 2013-11-08T08:42:09.400 回答
-2 
$('iframe').each(function(i,e){
    let iframeSrc = $(e).attr('src');
    $(e).attr('src',iframeSrc);
});

这将为所有视频重置 src，您可以将其修改为仅针对一个

于 2021-07-03T04:54:23.033 回答