How to show a mix of images and videos with fancybox? It is possible?

See more:

Javascript

HTML

jQuery

CSS3

HTML5

This is my script javascript for fancybox:

<link rel="stylesheet" href="source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="source/jquery.fancybox.pack.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

And this is my section with list of images:

<section id="images">
              <ul>
                  <li>
                       <a class="fancybox" rel="group"  href="images/pic4.jpg" title="Image 1"><img  src="imagens/pic4.jpg" alt="Image 1" title="Image 1"></a>
                       <a class="fancybox" rel="group"  href="images/pic5.jpg" title="Image 2"><img  src="imagens/pic5.jpg" alt="Image 2" title="Image 2"></a>
                       <a class="fancybox" rel="group"  href="images/pic6.jpg" title="Image 3"><img  src="imagens/pic6.jpg" alt="Image 3" title="Image 3"></a>

                    </li>

                      <li>
                        <a class="fancybox" rel="group"  href="images/pic7.jpg" title="Image 4"><img  src="imagens/pic7.jpg" alt="Image 4" title="Image 4"></a>
                        <a class="fancybox" rel="group"  href="images/pic8.jpg" title="Image 5"><img  src="imagens/pic8.jpg" alt="Image 5" title="Image 5"></a>
                        <a class="fancybox" rel="group"  href="images/pic10.jpg" title="Image 6"><img  src="imagens/pic10.jpg" alt="Image 6" title="Image 6"></a>

                    </li>

                 </ul>

</section>

But i want to have in my images list also videos like this:

<li>
         <a class="fancybox" rel="group"  href="videos/vid1.mp4" title="Video 1"><**video**  src="videos/vid1.mp4" alt="Video 1" title="Video 1"></a>
         <a class="fancybox" rel="group"  href="videos/vid2.mp4" title="Video 2"><**video**  src="videos/vid2.mp4" alt="Video 2" title="Video 2"></a>
         <a class="fancybox" rel="group"  href="images/pic10.jpg" title="Image 10"><img  src="images/pic10.jpg" alt="Image 10" title="Image 10"></a>

 </li>

But this isnt working, anyone know if it is possible mix images and videos in lists with fancybox? I already tried with lightbox but i also didnt have sucess!