Javascript 启动嵌入式Dailymotion视频时暂停滑块

我有一个滑块（flexslider），每个幻灯片中都有一个daylimotion视频。滑块会自动运行，而视频不会。到目前为止，视频是作为iFrame嵌入的，但如果需要，我可以将它们切换到WebSDK API

滑块可以通过以下方式暂停：

$（'.flexslider'）.flexslider（“暂停”）

如何创建一个侦听器，在任何嵌入式视频启动后立即停止滑块？
根据，您可以在播放器上侦听
启动
事件，并在播放器启动时执行一些操作，例如停止旋转木马的运行

下面是一个停止滑块的单个视频示例

const player = DM.player(document.getElementById('player'), {
  video: 'xwr14q',
  width: '100%',
  height: '100%',   
  params: {
    autoplay: true,
    mute: true
  }
});

player.addEventListener('start', function() {
  $('.flexslider').flexslider("pause");
});

仅使用iframe是不可能的，因为您没有与播放机通信的方式。
根据，您可以在播放机上侦听
启动事件，并在播放机启动时执行一些操作，例如停止旋转木马的运行

下面是一个停止滑块的单个视频示例

const player = DM.player(document.getElementById('player'), {
  video: 'xwr14q',
  width: '100%',
  height: '100%',   
  params: {
    autoplay: true,
    mute: true
  }
});

player.addEventListener('start', function() {
  $('.flexslider').flexslider("pause");
});

仅使用iframe是不可能的，因为您无法与播放器通信。
一种不需要为每个视频添加额外JavaScript的解决方案：

HTML:

不需要为每个视频添加额外JavaScript的解决方案：

HTML:

$(window).on('load', function(){
    
    $(".dmplayer").each(function(index, element){
        var $this = $(this);
        var video = $(this).data('video');
        var player = new DM.player(this,{ 
            video: video, 
            width: "100%", 
            height: "100%", 
        });
        player.addEventListener('start', function() {
            $('.flexslider').flexslider("pause");
        });
    });
    
});