Search
Write a publication
Pull to refresh

Встраиваемое видео Youtube в HTML5 на любом сайте

image
Сегодня на хабре мелькнула новость о новом способе встраивания youtube-видео в сторонние сайты. Но пока большинство сайтов\блогов не поддерживают его. Это, конечно, дело времени, но есть и другая проблема: даже после того, как администрация какого-либо сайта сделает поддержку у себя такого видео, вряд ли она изменит способ встраивания уже вставленного видео.
Поэтому, чтобы решить эти проблемы, я написал userscript, который на каждой только что загруженной странице ищет youtube-видео, встроенное старым способом, и меняет его на новый. Под катом описание некоторых особенностей и сам скрипт.

В старом встраиваемом плеере была такая особенность: при первом клике по нему начиналось воспроизведение видео, при втором в новой вкладке открывалась страница этого видео на youtube. В новой такого нет, поэтому скрипт добавляет ссылку на страницу youtube под видео. Если вам это не нужно, в начале скрипта замените строку «insertLink = 1;» на «insertLink = 0;».
image
В Опере в iframe появляется скроллбар. Я хотел убрать его, добавив scrolling=«no», но это привело к тому, что iframe вообще разползался на несколько страниц по вертикали, поэтому скроллбар будет, пока его не уберёт сам google.
image

Скрипт можно скачать здесь.

Протестирован в браузерах: Google Chrome, Mozilla Firefox, Opera.

Извесные проблемы:
  • Внезапный скроллбар в Опере
  • В Firefox даже если видео доступно в webm, загружается flash-версия

Приятного использования!
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.