检测是否在html5视频播放器中设置了视频源

Question

在我的应用程序中，我需要确保用户已将视频设置为我的html5视频播放器的源，然后再继续执行其他操作。所以我尝试了这个（在Firefox中使用Firebug）：

当用户为视频播放器设置源

时

vp = $('#myvideoplayer')
vp.attr('src')  --> "blob:5c254454-6c4e-4b69-b381-9ad60d6b1c4a"

没有为视频设置来源

vp.attr('src')  --> undefined

我可以用它来检测用户是否设置了视频源吗？

if(vp.attr('src') != undefined){
   let_user_do_next_action();
}

还是有更好的方法吗？

P.S：

我正在使用HTML5文件输入窗口小部件设置视频源，如下所示。 （这仅适用于Firefox，因为Chrome由于某种原因不允许来自createObjectURL的{​​{1}}。）

window.webkitURL

Answer 1

该代码应该有效，或者如果你想要万无一失，请检查typeof vp.attr('src') == "undefined"。虽然如果你不使用jQuery，你可能想要检查element.hasAttribute("src")。

关于window.webkitURL.createObjectURL，我认为Chrome会在您本地测试时限制内容（例如在file://网址上），并且您必须在localhost上设置一个简单的HTTP服务器，或start Chrome与--allow-file-access-from-files。