Literal String With Mixed Variables
<p>This does not work and I get a JavaScript error stating that I am missing a ;. Is there a better way I should be mixing variables with HTML?</p>

<pre><code>var video_html = '&lt;video id="video-tag" width="640" height="480" poster="' + filePath + fileImage + '" controls="controls" preload="none"&gt;\
  &lt;!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --&gt;\
  &lt;source id="source-mp4" type="video/mp4" src="' + filePath + fileMP4 + '" /&gt;\
  &lt;!-- WebM/VP8 for Firefox4, Opera, and Chrome --&gt;\
  &lt;source id="source-webm" type="video/webm" src="' + filePath + fileWebM + '" /&gt;\
  &lt;!-- Flash fallback for non-HTML5 browsers without JavaScript --&gt;\
  &lt;object width="640" height="480" type="application/x-shockwave-flash" data="flashmediaelement.swf"&gt;\
      &lt;param name="movie" value="build/flashmediaelement.swf" /&gt;\
      &lt;param id="flashvars-param" name="flashvars" value="controls=true&amp;poster=' + filePath + fileImage '&amp;file=' + filePath + fileMP4 + '" /&gt;\
      &lt;!-- Image as a last resort --&gt;\
      &lt;img id="fallback-image" src="' + filePath + fileImage + '" width="640" height="480" title="No video playback capabilities" /&gt;\
  &lt;/object&gt;\
  &lt;/video&gt;';
</code></pre>

<p>I'm eventually doing something like this with it.</p>

<p><code>$("#video-wrap").empty().append(video_html);</code></p>
