mediaelement.js не работает в FF или IE нормально в Chrome & Safari

Question

У меня странная проблема: я использую медиаплеер mediaelement js для показа видео с видео на YouTube.

Дело в том, что я использую его на одном сайте, где он отлично работает во всех браузерах,Я буквально скопировал код для использования на другом сайте, и он не работает должным образом в FF & IE.

Он выдает эту ошибку в консоли

this.pluginApi.playMedia() is not a function

Оба сайта находятся на одном серверевсе те же файлы js, css находятся в том же порядке, экземпляры проигрывателя инициализированы в одном и том же месте и т. д.

У меня также появляются 2 набора элементов управления!В Chrome это не происходит, если вы обновляетесь, происходит только в Safari, если веб-инспектор открыт, только 1 набор элементов управления в IE.

У кого-нибудь были подобные проблемы?Вот какой-то код, который я использую

<video id="video_player" width="480" height="300" controls="controls"         preload="none">
<source type="video/flv" src="http://www.youtube.com/v/<? echo $row['youtubeid']; ?>" />
<object width="480" height="300" type="application/x-shockwave-flash" data="flashmediaelement.swf">
    <param name="movie" value="flashmediaelement.swf" /> 
    <param name="flashvars" value="controls=true&amp;poster=myvideo.jpg&amp;file=myvideo.mp4" />
</object>

Я пробовал все это, устанавливая пути в параметрах объекта к файлам YT, тоже, без кубиков.

Answer 1

На случай, если кто-нибудь еще столкнется с этой проблемой ...

Оказывается, некоторые скрипты, которые мы использовали, - cbb от Roger Johansson - http://www.456bereastreet.com/ был конфликт с нашим видеоплеером. Возможно, это как-то связано с тем, что mediaelement создавал элементы внутри элементов, которые создавались скриптом cbb.

В любом случае, мы исправили это, используя отдельную страницу для добавления видео, и затем мы вызвали это на нашу страницу видео с помощью iframe. Работает нормально сейчас