Lire la vidéo dans une boîte de modal pop up

Question

J'ai une bibliothèque flowplayer. Maintenant, je veux quand je clique sur un lien mes toutes les vidéos devraient être liste dans la boîte de dialogue modale. J'ai tout essayé mais ça ne fonctionnait pas. Je ne suis pas capable de comprendre ce qui ne va pas avec ça.

Lorsque je charge les vidéos sans popup cela fonctionne très bien mais quand j'ai essayé de le charger dans la pop-up. Ce n'est rien affiché. S'il vous plaît aidez-moi quelqu'un. Ci-dessous est un code JavaScript ...

function show_samples(artist_id, language){ 
 
    $("#sample-box").load("<?php echo SITE_PATH?>index.php?rt=artist/show_vo_samples", {'artist_id':artist_id, 'language':language} , function(responseTxt, statusTxt, xhr){ 
 
     if(statusTxt == "success") 
 
      $('#sample-box').modal(); 
 
     if(statusTxt == "error") 
 
      alert("Error: " + xhr.status + ": " + xhr.statusText); 
 
    }); 
 
}

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
 
<script src="../libraries/video_player/flowplayer.min.js"></script> 
 
<div id="sample-box" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
      <div class="flowplayer" data-swf="../libraries/video_player/flowplayer.swf" data-ratio="0.4167"> 
 
      <video> 
 
       <source type="video/mp4" src="https://edge.flowplayer.org/bauhaus.mp4"> 
 
      </video> 
 
      </div> \t \t \t 
 
     </div> 
 
    </div> 
 
</div>

Answer 1

function show_samples(artist_id, language){ 
 
    $("#sample-box").load("<?php echo SITE_PATH?>index.php?rt=artist/show_vo_samples", {'artist_id':artist_id, 'language':language} , function(responseTxt, statusTxt, xhr){ 
 
     if(statusTxt == "success") 
 
      $('#sample-box').modal(); 
 
     if(statusTxt == "error") 
 
      alert("Error: " + xhr.status + ": " + xhr.statusText); 
 
    }); 
 
}

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
 

 
<script src="http://releases.flowplayer.org/js/flowplayer-3.2.12.min.js"> 
 
</script> 
 

 

 
<div id="sample-box" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
      <div class="flowplayer" data-swf="http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf" data-ratio="0.4167"> 
 
      <video controls loop autoplay> 
 
      
 
      <source type="video/mp4" src="https://edge.flowplayer.org/bauhaus.mp4">   
 
     
 
      </video> 
 
      </div> \t \t \t 
 
     </div> 
 
    </div> 
 
</div>