Menu icon Foundation
Video modal fails on first click

Adding multiple videos to a page using the Reveal Modal.

The first click on any link doesn't open the modal. Clicking a second time the modal opens fine.

Any ideas would be appreciated.

Cheers

<a href="#" class="reveal-link" data-reveal-id="videoModal_<?php echo $video_code; ?>"><i class="fi-play-circle"></i>&nbsp;<?php echo $video_title; ?></a>

<!-- Reveal Modals begin -->

<div id="videoModal_<?php echo $video_code; ?>" class="reveal-modal large open" data-reveal="" style="display: block;">
  
  <div class="flex-video widescreen vimeo" style="display: block;">
    <?php echo $video; ?>
  </div>

  <a class="close-reveal-modal">&#215;</a>
  
</div>

<!-- Reveal Modals end -->
            

         

revealmodalVideoclickjs

Adding multiple videos to a page using the Reveal Modal.

The first click on any link doesn't open the modal. Clicking a second time the modal opens fine.

Any ideas would be appreciated.

Cheers

<a href="#" class="reveal-link" data-reveal-id="videoModal_<?php echo $video_code; ?>"><i class="fi-play-circle"></i>&nbsp;<?php echo $video_title; ?></a>

<!-- Reveal Modals begin -->

<div id="videoModal_<?php echo $video_code; ?>" class="reveal-modal large open" data-reveal="" style="display: block;">
  
  <div class="flex-video widescreen vimeo" style="display: block;">
    <?php echo $video; ?>
  </div>

  <a class="close-reveal-modal">&#215;</a>
  
</div>

<!-- Reveal Modals end -->