JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Exibir Modal
</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="alterarLabel" style="z-index: 1100;" data-backdrop="static">
    <div class="modal-dialog" role="document">
       <div class="modal-content">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="exampleModalLabel"><label for="nmTreinamento" id="nmTreinamento"></label></h4>
           </div>
       <div class="modal-body">

       <object width="640" height="390" >
            <param name="movie" id="filme"></param>
            <param name="allowFullScreen" value="true">
            <param name="allowScriptAccess" value="always"></param>
            <embed id="meuid" type="application/x-shockwave-flash" fs=1
            allowfullscreen="true" allowscriptaccess="always"
            width="570" height="480" align="center"></embed>
      </object>
    </div>                
</div>

CSS

.modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal-content {
  height: 100%;
  border-radius: 0;
}