JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://foundation.zurb.com/docs/assets/docs.css">
<script src="http://foundation.zurb.com/docs/assets/docs.js"></script>
<a href="#" data-reveal-id="videoModal" class="radius button">Example Modal w/Video&hellip;</a>

<div id="videoModal" class="reveal-modal large">
  <h2>This modal has video</h2>
  <div class="flex-video">
    <iframe width="800" height="315" src="http://www.youtube.com/embed/IkOQw96cfyE" frameborder="0" allowfullscreen></iframe>
  </div>
  <a class="close-reveal-modal">&#215;</a>
</div

JavaScript

$(document).foundation();