Javascript 在Windows 8中更改视频标记的源_Javascript_Html_Windows 8

Javascript 在Windows 8中更改视频标记的源

javascript html windows-8

Javascript 在Windows 8中更改视频标记的源,javascript,html,windows-8,Javascript,Html,Windows 8,我正在尝试用HTML和JavaScript为Windows8构建一个小型视频播放器。我希望能够使用文件选择器更改视频源这是我正在使用的代码： <body> <video id="player" controls="controls">  <source src="trailer (1).mp4" type="video

我正在尝试用HTML和JavaScript为Windows8构建一个小型视频播放器。我希望能够使用文件选择器更改视频源

这是我正在使用的代码：

<body>
  <video id="player" controls="controls">
    <!--<source src="trailer.mp4" type="video/mp4" />-->
    <source src="trailer (1).mp4" type="video/mp4" />
  </video>
  <button id="pickFile">Pick File</button>
</body>

不幸的是，我得到了一个错误：

错误：不支持的视频类型或无效的文件路径

如何正确更改视频标记的源以便播放本地视频？

在查看了更多信息后，我发现在将标记设置为源之前，必须将文件路径转换为URL对象。更改此行：

player.setAttribute("src", file.path);

致：

在进一步查看之后，我发现在将标记设置为源之前，必须将文件路径转换为URL对象。更改此行：

player.setAttribute("src", file.path);

致：

var src = URL.createObjectURL(file);
payer.setAttribute("src", src);