jquery用于图像和视频的幻灯片放映

Question

我需要一个jquery插件，可以在HTML代码中同时容纳图像和视频，并以幻灯片形式显示它们。喜欢以下是我的代码分别包含图像和视频的数据（我也可以将它们结合起来）

 <div id="slideshow1" class="data">
        {% for item in variable_data %}
               <img src={{item}} width="800" height="600">
               <video id="MY_VIDEO_1" controls autoplay width="800" height="600" >
               <source src={{item}} type='video/mp4'>
        </video>
        {% endfor %}
 </div>

我正在为已经available_here

的图片使用循环插件

如何在幻灯片中修改或增强此视频功能代码？：

$('#slideshow1').cycle({ 
    fx:     'shuffle', 
    easing: 'easeOutBack', 
    delay:  -4000 
});

提前致谢