Javascript 实现mediaElement.js会导致错误

我正在努力在Joomla网站上实现mediaElement.js解决方案，但遇到了一些问题。以下错误在我的梦中萦绕：P:

Uncaught TypeError: Object [object Object] has no method 'mediaelementplayer'

我假设/medialelement-and-player.min.js，但除了前面提到的错误外，控制台不会显示任何错误

我已将以下内容添加到模板头中：

$this->API->addJS($this->API->URLtemplate() . '/mediaElement/build/mediaelement-and-player.min.js');
$this->API->addJS($this->API->URLtemplate() . '/mediaElement/build/jquery.js');

这会在页面加载时产生正确的链接，所以我想这不会是问题所在

在本文的正文中，我添加了以下代码：

<video id="youtube1" width="640" height="360">
  <source src="http://www.youtube.com/watch?v=nOEw9iiopwI" type="video/youtube" >
</video>

<script>
   jQuery(document).ready(function($) {
      $('#youtube1').mediaelementplayer();
   });

</script>

jQuery（文档）.ready（函数（$）{
$（'#youtube1'）。mediaelementplayer（）；
});

尽管此代码来自提供的示例，但会导致前面提到的错误

---

如果您对此有任何想法，我们将不胜感激

我不确定文件是否被正确包含，因为我看不到网站，所以请尝试将jquery.js和mediaelement和player.min.js包含在内

$document = JFactory::getDocument();
//check to see if jquery is already being loaded
if(!JFactory::getApplication()->get('jquery')){
     JFactory::getApplication()->set('jquery',true);
     $document->addScript(JURI::root() . "templates/template_name/mediaElement/build/jquery.js");
}
$document->addScript(JURI::root() . "templates/template_name/mediaElement/build/mediaelement-and-player.min.js");

---

不要忘了在上面代码的路径中更改模板名称。

谢谢大家的输入

我发现了问题和解决方案：D

从head.php中删除此行

$this->API->addJS($this->API->URLtemplate() . '/mediaElement/build/jquery.js');

解决了我的问题

我想这是因为jQuery已经被我使用的模板加载了

我希望这能在将来为别人保住一个头颅

---

快乐编码

mediaelement.js文件是否加载到最终的HTML中？不，只加载mediaelement-and-player.min.js文件，但在该文件旁边。正如我在对Lodder的评论中所说的，我对加载的文件持肯定态度。谢谢你的例子，但我绝对肯定，当我在chrome中检查头部并单击提供的链接时，文件被加载了，这两个.JS文件都被成功加载。其次，控制台没有给出任何警告或错误，表明文件加载失败。这很奇怪，因为我在回答中提供的代码是检查jquery是否已经加载。如果不是，则加载它。如果是，它就不会加载。嘿！如果我按照您的方式执行检查，这是真的，它也会解决问题。谢谢你，伙计！