При переносе старого сайта Gudok62.ru понадобилось тестировать шаблоны на предмет корректности отображения в статьях медиа содержимого. Видео и аудио плееров выводящихся с помощью айфрейм (iframe) и эмбед (embed). Так как на одной из понравившихся тем, по невыясненным причинам, отказались работать несколько необходимых проигрывателей, к примеру — код от мейл.ру, простоплеер и некоторые другие.

Пришлось создать эту тестовую статью, дабы одним махом проверить на других шаблонах работоспособность сразу всех аудио и видео сервисов которые будут полезны для размещения медиа у нас на сайте.

В конце статьи я разместил код тестовой страницы на случай если ещё кому-нибудь понадобится протестировать свой шаблон. Все сервисы подписаны для выявления косяков с каким-либо из них. Пользуйтесь на здоровье!

Вконтакте / Vk.com


Фейсбук / Facebook.com

 

Простоплеер / Pleer.com


Ютьюб / Youtube.com


Вимео / Vimeo.com

Путин может / Putin can from visualgallery.ru on Vimeo.


Меил Ру (Мой мир) / My.mail.ru


Саундклауд / Soundcloud.com


Муви / Myvi.ru (iframe-код)


Муви / Myvi.ru (embed-код)


Архив орг / Аrchive.org (аудио)


Архив орг / Аrchive.org (видео)


ЯП / Yapfiles.ru


Видеочарт / Videochart.net


Код для вставки в запись/статью/страницу:

Вконтакте / Vk.com

<iframe src="//vk.com/video_ext.php?oid=63485466&amp;id=170853332&amp;hash=263f55540482d2a8&amp;hd=2" width="640" height="360" frameborder="0"></iframe>

<hr />

Простоплеер / Pleer.com

<object width="578" height="43"><param name="movie" value="http://embed.pleer.com/normal/track?id=B7ybd5B2rbuvB6dp&amp;t=grey" /><embed src="http://embed.pleer.com/normal/track?id=B7ybd5B2rbuvB6dp&amp;t=grey" type="application/x-shockwave-flash" width="578" height="43" /></object>

<hr />

Ютьюб / Youtube.com

<iframe src="https://www.youtube.com/embed/KT-UYcXIUmw?rel=0" width="640" height="360" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<hr />

Вимео / Vimeo.com

<iframe src="https://player.vimeo.com/video/47713823" width="500" height="281" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<a href="https://vimeo.com/47713823">Путин может / Putin can</a> from <a href="https://vimeo.com/visualgallery">visualgallery.ru</a> on <a href="https://vimeo.com">Vimeo</a>.

<hr />

Меил Ру (Мой мир) / My.mail.ru

<iframe src="https://videoapi.my.mail.ru/videos/embed/community/gudok62/the-making-of-the-mob-new-york/26.html" width="626" height="367" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<hr />

Саундклауд / Soundcloud.com

<iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/211473904&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false" width="100%" height="166" frameborder="no" scrolling="no"></iframe>

<hr />

Муви / Myvi.ru (iframe-код)

<iframe src="//myvi.ru/player/embed/html/oB-oV5RFBW11HqHK0dUsD0MDNcTE0HVbpVis0XndyTxE0WB1HFF4pep2kLR4872Eh0" width="640" height="390" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<hr />

Муви / Myvi.ru (embed-код)

<object width="640" height="390"><param name="movie" value="//myvi.ru/player/content/preloader.swf?id=oyZT7Q5wvE_WnD0sajES6Oj5RS9voOFCI64Zfv4D5Rq5G0sUp389irBQwfLJoG-hd0" /><param name="wmode" value="window" /><param name="allowFullScreen" value="true" /><embed src="//myvi.ru/player/content/preloader.swf?id=oyZT7Q5wvE_WnD0sajES6Oj5RS9voOFCI64Zfv4D5Rq5G0sUp389irBQwfLJoG-hd0" allowfullscreen="allowfullscreen" wmode="window" width="640" height="390" type="application/x-shockwave-flash" /></object>

<hr />

Архив орг / Аrchive.org (аудио)

<iframe src="https://archive.org/embed/visualgallery_03" width="500" height="140" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<hr />

Архив орг / Аrchive.org (видео)

<iframe src="https://archive.org/embed/60sToplessDancers" width="640" height="480" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<hr />

ЯП / Yapfiles.ru

<object id="audio_player_1202736" type="application/x-shockwave-flash" width="320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0"><param name="id" value="audio_player_1202736" /><param name="movie" value="http://www.yapfiles.ru/static/play.swf" /><param name="flashvars" value="st=aMDEyMDI3MzYte3b0" /><param name="allowScriptAccess" value="always" /><param name="allowfullscreen" value="true" /><param name="wmode" value="transparent" /><param name="quality" value="high" /><embed src="http://www.yapfiles.ru/static/play.swf" flashvars="st=aMDEyMDI3MzYte3b0" quality="high" allowscriptaccess="always" allowfullscreen="allowfullscreen" width="320" height="240" wmode="transparent" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash" /></object>

<hr />

Видеочарт / Videochart.net

<iframe src="http://videochart.net/framevideo/80414.8ffd8a616e83ec6c3544fbd37b2c?width=640&amp;height=360" width="640" height="360" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

<hr />

<h5 style="text-align: right;">Тест корректности отображения кодов медиа сервисов от сайта <a href="http://gudok62.ru" target="_blank">Gudok62.ru</a></h5>
1 комментарий

Добавить комментарий

Закрыть меню