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 不允许 depateObjecturL 从 window.webkiturL 获取 < code> 。 )



var file = $( #fileselect ).get(0).files[0];
if (file==undefined){
    alert( no file chosen );
}
var myURL = window.URL || window.webkitURL;
var fileURL = myURL.createObjectURL(file);
if(fileURL){
    player = $( #myvideoplayer );
    player.src=fileURL;
    player.load();
}
return;

Answer 1

该代码应该有效, 或者如果您想要防伪, 请检查 < code> typeof vp. attr ( src) = = “ 未定义” 。如果您不使用 jQuery, 您可能想要检查 < code> element. hasAttribitte (“ rc”) 。

关于window.webkiturL.capideObjecturL ,我认为Chrome在本地重新测试时(例如,在file:// URL上)限制某些东西,而您要么必须在本地主机上设置简单的 HTTP 服务器,要么在本地主机上设置“http://www.chromium.org/ developers/how-tos/run-chromium-wilts" rel=“nofollow” > 启动Crome ,加上 -allow-file-access-fort-firms 。

友情链接