使用class而不是id停止YouTube yt-player

Question

我根据用户的选择使用JQuery嵌入多个YouTube视频。

$('#content_frame_right').on('click', '#video_respiratory_exam', function(){
            $('#content_frame_left').html("<div id='yt-player'><iframe width='380' height='285' src='https://www.youtube.com/embed/EEjIThphoig?enablejsapi=1&autoplay=1' frameborder='0' allowfullscreen></iframe></div>");
    });

我需要根据对象的类停止所有视频，而不是id，'yt-player'。但是，API要求'yt-player'为对象ID：

callPlayer('yt-player', 'stopVideo');

在多个对象上具有相同的ID会导致行为不一致。有没有办法停止所有类的视频？

Answer 1

尝试使用类来检索这样的唯一ID：

$(".yt-player").each(function(){
    var thisPlayerID = $(this).attr("id").
    callPlayer(thisPlayerID, 'stopVideo');
});