title: passing javascript variable to html5 video source
body: <p>I want to pass javascript variable as src to html5 video so that the video changes dynamically based on the js variable value. 
  However I am not able to achieve it </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script type="text/javascript"&gt;
          var path = "/api/Videos/mp4/";
          var filename = '@ViewBag.filename';
          var fullPath = path.concat(filename);
          document.getElementById('fullPath1').src = fullPath.toString();        
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;&lt;script type="text/javascript"&gt;document.write(fullPath)&lt;/script&gt;&lt;/p&gt;
   &lt;video width="480" height="320" controls="controls" autoplay="autoplay"&gt;
       &lt;source src="fullPath1" type="video/mp4"&gt;
   &lt;/video&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Please help me to get this working. Thanks!</p>