如何在弹出窗口中单击下一个或后退时显示图像或视频？

Question

在我的图库中，我有缩略图，可以在灯箱中显示图像和视频。到目前为止，我已经设法在点击任何一个缩略图时让代码工作;每个缩略图在灯箱中显示正确的类型。

单击左箭头或右箭头时会出现问题。如果它是图像，则会显示。一旦它落在视频上，中间会出现一条消息，说“＃34;图像无法加载。”＃34;我使用的是magnific.min.js。

这是自定义代码 -

$（＆＃39; .image-popup＆＃39;）。magnificPopup（{type：＆＃39; image＆＃39;}）;

$( '.video-popup' ).magnificPopup( {type: 'iframe' } ); 

$('.gallery').each(function() { 
    $(this).magnificPopup({
        delegate: 'a', 
        type: 'image',
        gallery:{enabled:true}
    });
});  

我需要在此代码中修改哪些内容，以便当用户点击下一个或后一个时，灯箱会显示图片或视频？ （或者是与其他地方控制的下一个或后退按钮相关的内容？：s）