小编Sch*_*ipp的帖子

选择本地视频并在 HTML5 视频播放器中播放(全部本地,同一文件夹)

对于学校,我需要使用带有额外控件的 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 部分有什么问题或缺失?该项目没有按照解释进行。

也许你可以帮助我。谢谢 ;)

html javascript video filechooser

3
推荐指数
1
解决办法
7746
查看次数

标签 统计

filechooser ×1

html ×1

javascript ×1

video ×1