title: Load video file to html5 player with php
body: <p>I have little problem with video. I just created service where user is going to see on every page, just one help video for our application. </p>
  
  <p><strong>SITUATION</strong></p>
  
  <p>When he click on video icon, pop-up is going to be open - this action:</p>
  
  <pre><code> var getVideoModal = function (video) {
    var path = '/application/files/help/tutorial_videos/'+video;
    $('div#modal-video').modal('show');
    $("#modal-video").draggable({
      handle: ".modal-header"
    });
    $('h3#modal-header-video').html(video);
    console.log(path);
    $("#video-help").find("#videoPath").attr("src", path);
    centerModal();
  }
  </code></pre>
  
  <p>When pop-up is opened, there (in popup body) is <code>&lt;video&gt;</code> html5 element</p>
  
  <pre><code>  &lt;video id="video-help" width="530" controls&gt;
      &lt;source id="videoPath" src="" type="video/mp4"&gt;
    &lt;/video&gt;
  </code></pre>
  
  <p>Pop-up si working, but video not.</p>
  
  <p><strong>PROBLEM:</strong></p>
  
  <p>I have problem because i have video stored in "<em>/application/help/videos</em>". This path is forbidden and you can't call this URL in browser. How can i load videos from this restricted area with PHP (which have access, through file system) to my video player</p>
  
  <p>I need something like:</p>
  
  <pre><code>  &lt;video id="video-help" width="530" controls&gt;
          &lt;source id="videoPath" src="whatever.php?video=loaded.mp4" type="video/mp4"&gt;
    &lt;/video&gt;    
  </code></pre>
  
  <p>Is this possible? </p>