使用 javascript 或 jquery 暂停 youtube 视频

Pause youtube video using javascript or jquery

本文关键字：youtube 视频 暂停 jquery javascript 使用      更新时间：2023-09-26

我需要使用 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>');
}

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

任何人都指导我。

在将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"));
您可以使用

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>

小提琴 http://jsfiddle.net/code_snips/gNF6q/ 

$('iframe').each(function(i,e){
    let iframeSrc = $(e).attr('src');
    $(e).attr('src',iframeSrc);
});

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

相关文章：