title: passing javascript variables to html5 video tag using it as src for the player
body: <p>I'm tryng to convert a webpage which use a flash video player to html5 <code>&lt;video</code>> tag. This page use JS code to read the link of the file passing it to the flash player trought flashvars, the code is this </p>
  
  <pre><code>function justplay(link, title){
  var playerobj = '&lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="mainflashplayer" width="640" height="360"&gt;&lt;param name="allowFullScreen" value="true" /&gt;       &lt;param name="flashvars" value="file=' + link + '" /&gt;        &lt;param name="wmode" value="direct" /&gt;   &lt;param name="movie" value="' + playerurl + '" /&gt;&lt;param name="AllowScriptAccess" value="always"&gt;&lt;embed name="mainflashplayer" src="' + playerurl + '" AllowScriptAccess="always" wmode="direct" **flashvars="file=' + link + '"** width="640" height="360" allowFullScreen="true" type="application/x-shockwave-flash" /&gt;&lt;/object&gt;';
                  document.getElementById('player').innerHTML = playerobj;
                  document.getElementById('playcontenttitle').innerHTML = title;
  }
  </code></pre>
  
  <p>So, i'm tryng to pass <code>file=' + link + '</code> to <code>&lt;video&gt;</code> tag using it as a src. In wich way can I do that?</p>