Javascript 单击其他对象时，视频src不会重新加载

我最近问了一个关于音频帖子的类似问题。。。但我在看视频时遇到了更大的困难。作为参考，我提供了一个指向工作音频示例的链接以及一个指向断开视频示例的链接

如您所见，音频剪辑总是在单击时替换和重新加载，但视频仅在第一次单击时替换和重新加载。我将在下面提供一些代码

HTML:

有什么建议吗

$('.change-video').click(function(){
  var src = $(this).data('video');
  var type = $(this).data('version');
  var player = MediaElementPlayer('#video-play');

  player.pause();
  player.setSrc(src);
//  $('#video-play').attr('type', type);
  player.load();
  player.play();
});

---

类型超出范围或未定义

对于视频格式的MIME类型，没有type=video/youtube。您可以在中找到参考资料

---

它说类型没有定义，你从哪里得到类型？嘿，Evan，在提交问题之前，我试过使用它，但没有用。还有其他想法吗？它说类型没有定义，你从哪里得到类型？如果你删除这行：$'video-play'.attr'type'.attr'autoload'，'none'；虽然我为我的打字错误道歉，但它仍然有效！第二个var src应该读取var type。如果上传的文件是mp4，它允许我重新键入视频。问题在于第8行变量类型未定义。我已将视频/youtube添加到我的htaccess以允许此类型。要播放youtube视频，必须使用它。我在下面提供了原始脚本的参考链接：

$('.change-video').click(function(){
  var src = $(this).data('video');
  var type = $(this).data('version');
  var player = MediaElementPlayer('#video-play');

  player.pause();
  player.setSrc(src);
  $('#video-play').attr('type', type);
  player.load();
  player.play();
});

$('.change-video').click(function(){
  var src = $(this).data('video');
  var type = $(this).data('version');
  var player = MediaElementPlayer('#video-play');

  player.pause();
  player.setSrc(src);
//  $('#video-play').attr('type', type);
  player.load();
  player.play();
});

Format    MIME-type
MP4       video/mp4
WebM      video/webm
Ogg       video/ogg