HTML: input file dies when moving to another page
<p>I've been trying to get an input file to stay 'alive' untill the next page, but I haven't had any success. Basically what I have is:</p>

<pre><code>&lt;input type="file" accept="video/*" id="input1" /&gt;`
</code></pre>

<p>These input files will be videos, which I would like to play, but on the next page.</p>

<p>I get a playable src-url via</p>

<pre><code>window.URL.createObjectURL($("#input1")[0].files[0])
</code></pre>

<p>which works on that page. I then store that URL in sessionStorage and retrieve it on the next page, but the URL no longer points to a valid file. I understand why this is happening, but is there any way to access that same file on the next page?</p>

<ul>
<li>I can't put the whole video file in sessionStorage, because this will be too big.</li>
<li>An alternative would be to stay on the same page, but I think this will make my code much uglier? Except maybe if there is a solution to this, I would still like seperate HTML files and not all the HTML-code in javascript files</li>
</ul>

<p>Thank you very much in advance.</p>