编程语言
首页 > 编程语言> > javascript-选择本地视频并在HTML5视频播放器中播放(所有本地,相同文件夹)

javascript-选择本地视频并在HTML5视频播放器中播放(所有本地,相同文件夹)

作者:互联网

对于学校,我需要使用带有额外控件的HTML5视频播放器以及从本地驱动器中选择文件的选项.该页面也在本地运行.所以它没有上传.文件(HTML和视频)位于同一本地文件夹中.

对于选择项,我使用< form>< input type =“ file” id =“ chosen” />< button type =“ submit” onclick =“ open();”> Change< / button>< / form>.现在,这里是我的JavaScript,该JavaScript应该可以操纵视频播放器的源代码:

function open()
{
    var file=document.getElementById('chosen');
    var fileURL = window.URL.createObjectURL(file);
    player.src=fileURL;
    player.load();
}

视频播放器如下所示:

<video id=player>
<source src="big-buck-bunny_trailer.webm" type="video/webm" />
<source src="trailer_480p.mov" type"video/mp4" />
</video>

当然,我已经将变量“ player”连接到了我的视频播放器. player.load()可以正常工作,因此该函数可以正确调用.

现在我的问题是:Javascript部分有什么问题或遗漏了什么?该项目无法按说明进行.

也许你可以帮我.谢谢

标签:html5,video,filechooser,javascript
来源: https://codeday.me/bug/20191201/2080808.html