在jQuery的帮助下加载多个HTML5视频时遇到了一些问题。我之前尝试过在Google和Stackoverflow上搜索，但我找不到解决方案。
无论如何，我有2个按钮，当我点击一个按钮时，会打开一个带有视频标签的弹出窗口。没问题，所以我在div上添加了一个带有电影文件名称的'rel'属性。
当打开一个div（它获得活动类）时，我使用jQuery中的Append函数创建一个源标记，该函数用rel填充：
var target = "videos/" + $(this).find("#videoplayer").attr("rel");
$(".active video").append('<source src="' + target + '" type="video/webm">');
然后当我关闭div时，我使用.remove（），完成。
打开带有视频的第一个按钮即刻完美。但是，打开第二个按钮：视频甚至没有启动。我所看到的只是一个冻结的屏幕。
刷新页面并打开第二个按钮也不起作用，它再次被冻结，第一个按钮完美无缺。我不知道第二个视频的问题是什么，但这很奇怪..
我已经在jsFiddle中上传了脚本： https://jsfiddle.net/5xmbu3nL/
感谢您的帮助。