对于学校,我需要使用带有额外控件的 HTML5 视频播放器以及从本地驱动器选择文件的选项。该页面也在本地运行。所以没有上传。文件(HTML 和视频)位于同一本地文件夹中。
对于选择事物,我使用带有 的表格<form><input type="file" id="chosen" /><button type="submit" onclick="open();">Change</button></form>。现在这是我的 JavaScript,它应该操纵视频播放器的源:
function open()
{
var file=document.getElementById('chosen');
var fileURL = window.URL.createObjectURL(file);
player.src=fileURL;
player.load();
}
Run Code Online (Sandbox Code Playgroud)
视频播放器看起来像这样:
<video id=player>
<source src="big-buck-bunny_trailer.webm" type="video/webm" />
<source src="trailer_480p.mov" type"video/mp4" />
</video>
Run Code Online (Sandbox Code Playgroud)
当然,我已将变量“播放器”与我的视频播放器连接起来。player.load() 东西工作正常,因此该函数被正确调用。
现在我的问题是:Javascript 部分有什么问题或缺失?该项目没有按照解释进行。
也许你可以帮助我。谢谢 ;)