Javascript 网站媒体播放器与网站冲突'；导航栏

我无法诊断下拉菜单的问题

在我正在处理的一个网页上，导航栏中有一个关于“服务”的下拉菜单。除了这一个使用视频播放器的页面外，它可以在每个页面上工作

请参阅此处无法使用的页面。（请注意，此页面尚未链接到live）

我注意到的一件事是，如果我在标题部分中移动行，我可以使事情顺利进行。例如：
以下两个脚本文件位于脚本列表的顶部。它们控制下拉菜单功能

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/menu.js"></script>   

如果我将它们移动到控制OSM媒体播放器的脚本行下方，媒体播放器将不再显示，但下拉菜单可以正常工作

我不知道该怎么办，但我猜这与一些JS脚本有冲突。我以前从未遇到过这样的问题

谢谢你的帮助

If，prototype和jQuery之间可能存在冲突

如果愿意，您可以使用

jQuery.noConflict（）

，但仍然可以使用媒体播放器。如果我链接到正确的媒体播放器，它将如下所示：

!-- Putting jQuery into no-conflict mode. -->
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>

var $j = jQuery.noConflict();
// $j is now an alias to the jQuery function; creating the new alias is optional.

$j(document).ready(function() {
    $j("video").osmplayer({
      width: '100%',
      height: '600px'
    });
});
</script>

！--将jQuery置于无冲突模式。-->
var$j=jQuery.noConflict（）；
//$j现在是jQuery函数的别名；创建新别名是可选的。
$j（文档）.ready（函数（）{
$j（“视频”）.osmplayer({
宽度：“100%”，
高度：'600px'
});
});

---

如果我使用了错误的媒体播放器，请在评论中添加指向正确媒体播放器的链接，然后我将查看是否可以更新答案以反映它。

您应该以awnser的身份发布您的解决方案。