Я не программист, простого объяснения кодировки не нашел, поэтому буду очень признателен, если кто-нибудь поможет.
(Может быть, задача очень легкая)
Есть скрипт, который делает удобные списки ютюбовских видео для сайта, вот кусок кода со стилями и т.д.:
<style>#video12 {position: relative;padding-bottom: 75%;}
#video12 iframe { position: absolute; width: calc(100% - 120px); height: calc(100% - 120px*3/4);}
#video12 div { position: absolute; top: 0; right: 0; width: 110px; height: 100%; padding: 5px; overflow-y: auto;}
#video12 img { width: calc(100% - (5px + 1px)*2); padding: 5px; border: 1px solid #555; border-radius: 5px; opacity: .7;}
#video12 img:hover { opacity: 1; cursor: pointer;}
#video12 img:focus { opacity: .2;}</style>
<div id="video12"><iframe src="http://www.youtube.com/embed/LhctUHfzUiI?rel=0" allowfullscreen="" frameborder="0"></iframe><div>
<img src="http://img.youtube.com/vi/LhctUHfzUiI/1.jpg" tabindex="1"/>
<img src="http://img.youtube.com/vi/WYn0FMJiYFs/1.jpg" tabindex="1"/>
<img src="http://img.youtube.com/vi/OZEtX6EKpHk/1.jpg" tabindex="1"/>
<img src="http://img.youtube.com/vi/QUpVpHVCZJM/1.jpg" tabindex="1"/>
<img src="http://img.youtube.com/vi/DMqLqrs-Qoo/1.jpg" tabindex="1"/>
<img src="http://img.youtube.com/vi/r4P_sjZKR9I/1.jpg" tabindex="1"/></div></div>
<script>var IMG = document.querySelectorAll('#video12 img'),IFRAME = document.querySelector('#video12 iframe');
for (var i = 0; i < IMG.length; i++) {IMG[i].onclick = function() {var idIMG = this.src.replace(/http...img.youtube.com.vi.([\s\S]*?).1.jpg/g, '$1');
IFRAME.src = 'http://www.youtube.com/embed/' + idIMG + '?rel=0&autoplay=0';if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);this.style.backgroundColor='#555';}}</script>
Можно ли сделать такое же для контактовского плеера?
Код вставки видео из вконтакте выглядит так:
<iframe src="http://vk.com/video_ext.php?oid=-53394871&id=167835304&hash=554d17120dbae83d&hd=1" width="607" height="360" frameborder="0"></iframe>
Заранее спасибо за любые пояснения :)
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.