title: node-webkit and html5 video
body: <p>I am working to develop a desktop application for PC using node-webkit.  When I run the app with node-webkit everything works great with the exception of the mp4 videos.  The html 5 video box pops up, but it is pure white and the controls are grayed-out in the same way it does if I provide a bad file path and run the app in chrome.  An example piece of my index.html file:</p>
  
  <pre><code>            &lt;div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="c" data-tolerance="15,15" class="ui-content"&gt;
                  &lt;video width="497" height="298" style="max-width:100%;" controls&gt;
                  &lt;source src="base/tutorialvideos//General_Tutorial.mp4" type="video/mp4"&gt;
                  Your browser does not support the video tag.
                  &lt;/video&gt; 
              &lt;/div&gt;
  
  
  
  
              &lt;div class="ui-btn ui-btn-right"&gt;
                  &lt;a href="#popupVideo" data-rel="popup" data-position-to="window" data-role="button" data-icon="info" data-inline="true"&gt;Tutorial&lt;/a&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>I double-checked the file path several times, and tried all combinations of /, //, \, \ just to be sure.  I tried using the full file path instead of the relative with the same results.</p>
  
  <p>I then used a format converter to change one of the videos from .mp4 to .ogv with the same results.</p>
  
  <p>What is really curious, is that I am pretty sure that it IS seeing the videos, because with the code as is posted above, the controls are semi-responsive.  I can toggle between play and pause and drag the slider.  When I drag the slider to the end, it shows the exact run-time of the video, but still no audio or video.</p>
  
  <p>It just occured to me that jquery mobile could be messing it up, so I'll post this and run a test with pure html 5.</p>
  
  <p>Thanks is advance for any info.</p>