Удалить аннотации Youtube из проигрывателя mediaelement.js?

Я пытался добавить &iv_load_policy=3 в конец URL-адреса YouTube несколькими способами, но аннотации по-прежнему отображаются. Есть ли способ отредактировать код, чтобы аннотации не отображались?

ИЗМЕНИТЬ: КОД НИЖЕ

Файлы из плагина MediaElement.js

Случайное видео с аннотациями: https://www.youtube.com/watch?v=IGz13x5OJ_8

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<script src="mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="mediaelementplayer.css" />

<script>
$(function(){
   player = new MediaElementPlayer('#video-player');
});
</script>

<video style="width:100%;height:100%;" id="video-player" preload="preload" autoplay="autoplay">
    <source type="video/youtube" src="https://www.youtube.com/watch?v=IGz13x5OJ_8" />   
</video>

javascript youtube mediaelement.js
person Thomas    schedule 01.07.2014    source источник
comment
Не могли бы вы показать код, который вы используете? Не могли бы вы дать ссылку на видео на YouTube с аннотациями?   -  person JFK    schedule 04.07.2014
comment
@JFK Исходный вопрос обновлен. Я попытался отредактировать mediaelement-and-player.js, добавив в него &iv_load_policy=3, но пока ничего не получилось.   -  person Thomas    schedule 04.07.2014
comment
Я не могу воспроизвести вашу проблему. Этот jsfiddle.net/K5cY9 с вашим точным кодом не показывает никаких аннотаций (Firefox и Chrome). На каких условиях вы получаете аннотации? ОПЕРАЦИОННЫЕ СИСТЕМЫ? браузер? Вы можете создать скрипку или демонстрацию, чтобы воспроизвести ее?   -  person JFK    schedule 04.07.2014
comment
@JFK На вашем jsFiddle я не вижу аннотаций в Chrome с Mavericks, но вижу их в IE с Windows 7. Но с тем же кодом на моем веб-сайте я вижу аннотации во всех сценариях. Я не вижу ничего, что вы изменили, чтобы удалить аннотации. Возможно, у jsFiddle есть какие-то внутренние настройки YouTube?   -  person Thomas    schedule 05.07.2014
comment
Я знаю, что происходило с jsfiddle: он использовал MEJS v2.8.2 (как в демонстрациях MEJS), и аннотации не отображались. Я обновил его до более новой версии (v2.13.2), и аннотации отображаются во всех браузерах jsfiddle.net/K5cY9. /1 ... это хорошая отправная точка.   -  person JFK    schedule 05.07.2014

Ответы (2)


arrow_upward
2
arrow_downward

Единственный способ, который я нашел для подавления аннотаций YouTube, - это установить плагин YouTube MEJS вместо flash (по умолчанию), например:

$(function () {
    player = new MediaElementPlayer('#video-player', {
        plugins: ['youtube']
    });
});

Неудобство только в том, что autoplay не работает (опцию пока не нашел), но по крайней мере основная проблема решена ;)

См. JSFIDDLE.

person JFK    schedule 10.07.2014
comment
Спасибо! Это решает проблему. Методы play() или load(), по-видимому, не заставляют видео воспроизводиться сразу, поэтому должно быть что-то, что проигрыватель делает при нажатии для инициализации YouTube. - person Thomas; 10.07.2014

arrow_upward
1
arrow_downward

Встроенный проигрыватель является флэш-версией.

Согласно API проигрывателя YouTube, этот параметр поддерживают только проигрыватели html5 и AS3: https://developers.google.com/youtube/player_parameters#iv_load_policy

Вы можете встроить это через iframe, и он встроит html5-плеер и будет работать, например:

<iframe width="420" height="315" src="//www.youtube.com/embed/IGz13x5OJ_8?rel=0&iv_load_policy=3&autoplay=1&html5=1" frameborder="0" allowfullscreen></iframe>

&html5=1 предназначен только для принудительного использования html5, если это возможно, хотя, если видео поддерживает его, оно все равно должно использовать html5 по умолчанию.

person Etai    schedule 05.07.2014
comment
Кроме того, я не верю, что в настоящее время YouTube поддерживает встраивание видео html5 с использованием тегов видео. Иди разберись. - person Etai; 06.07.2014
comment
Я уже пробовал это, и это хорошо работает для настольных браузеров, но проблема в том, что видео не воспроизводится на мобильных устройствах (внутри проигрывателя mediaelement.js). - person Thomas; 06.07.2014
comment
то есть проблема с библиотекой mediaelement.js. Это явно поддерживается YouTube, и это одна из причин, по которой они изначально создали проигрыватели html5. developers.google.com/youtube/iframe_api_reference - person Etai; 06.07.2014