如何在我的幻灯片上设置iframe视频？

Question

这里是我的http://jsfiddle.net/j88u02o2/59/

的滑块这是脚本：

$(function() { 
     $('#slides').crossSlide({ 
      speed: 40, 
      fade: 1 
     }, [ 
      { src: 'img/photo-2.jpg', dir: 'up', alt: 'Our Business is to Encrypt and Secure Your Communications', href: '#' }, 
      { src: 'img/photo-10.jpg', dir: 'down', alt: 'The Solution for Secured Communications and Privacy.', href: '#' }, 
      { src: 'img/photo-3.jpg', dir: 'up', alt: 'All Text and Phone Communications are Encrypted End-to-End.', href: '#' }, 
      { src: 'img/photo-4.jpg', dir: 'down', alt: 'Secured Communications for Law Enforcement and Public Officials.', href: '#' }, 
      { src: 'img/photo-5.jpg', dir: 'up', alt: 'Secured Communications for the U.S. Military.', href: '#' }, 
      { src: 'img/photo-6.jpg', dir: 'down', alt: 'The World Leader in Encrypted Communications.', href: '#' }, 
      { src: 'img/photo-7.jpg', dir: 'down', alt: 'The Solution for Corporate Executives, Law Enforcement, Homeland Security, Goverment Agencies and more...', href: '#' } 

     /* */ 
     ], function(idx, img, idxOut, imgOut) { 
      if (idxOut == undefined) { 
       if(idx == 0 || idx == 3 || idx == 6 || idx == 9){ 
        document.getElementById('crossSlideCaption').style.marginTop = '-425px'; 
        document.getElementById('crossSlideCaption').style.marginLeft = '-480px'; 
       }else if(idx == 1 || idx == 4 || idx == 7 || idx == 10 || idx == 12){ 
        document.getElementById('crossSlideCaption').style.marginTop = '-425px'; 
        document.getElementById('crossSlideCaption').style.marginLeft = '-480px'; 
       }else{ 
        document.getElementById('crossSlideCaption').style.marginTop = '-425px'; 
        document.getElementById('crossSlideCaption').style.marginLeft = '-480px'; 
       }; 
       $('div.caption').text(img.alt).animate({ opacity: 1.0 }) 
      } else { 
       //$('div.caption').animate({ opacity: 0 }) 
      }}); 
      $('div.caption').show().css({ opacity: 0 }) 
     }); 

现在一切工作正常，现在我需要的iframe视频像添加到我的幻灯片作为标题。

我的视频尺寸420x234像素，这是iframe的视频代码：

<iframe src="//fast.wistia.net/embed/iframe/bqur1fvyag?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="720" height="433"></iframe> 
<script src="//fast.wistia.net/assets/external/E-v1.js"></script> 

但我空白的我怎么能在我现有的代码添加。

任何人都可以帮助我实现这一目标吗？

在此先感谢。