Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Каким образом тут вылазит окошко?
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Каким образом тут вылазит окошко?

Страниц (1): [1]
 

1. Extazy - 14 Декабря, 2014 - 17:43:06 - перейти к сообщению
Ув. гуру!
Посмотрите, пожалуйста, страничку http://www[dot]adme[dot]ru/video/vot-tak[dot][dot][dot]ereryvah-816210/ - после просмотра видео прямо поверх видео вылазит окошко с социальными кнопками.

Не могу понять, помогите разобраться, каким образом они так сделали, что окошко вылазит именно после просмотра видео? Как это возможно? Растерялся
2. RickMan - 14 Декабря, 2014 - 19:35:13 - перейти к сообщению
Я думаю, это легко можно найти в api youtube.
https://developers[dot]google[dot]com/yo[dot][dot][dot]nce?hl=ru#Events - покопайтесь тут. Ну либо какой-то другой callback, но так как плеер ютубовский, то и копать нужно в сторону их api.
3. Extazy - 14 Декабря, 2014 - 22:22:58 - перейти к сообщению
Не пойму как работать с событиями плеера youtube..

вот пример кода:
CODE (javascript):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2. function onYouTubePlayerReady(playerId) {
  3.   ytplayer = document.getElementById("myytplayer");
  4.   ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
  5. }
  6.  
  7. function onytplayerStateChange(newState) {
  8.    alert("Player's new state: " + newState);
  9. }
  10. </script>

к iframe youtube дописываю id myytplayer и параметры &version=3&enablejsapi=1

по идеи должны начать вылазить алерты при воспроизведении видео, но ничего не проиходит... подскажите что не так?
4. RickMan - 14 Декабря, 2014 - 23:06:29 - перейти к сообщению
А вы хоть в консоль браузера попробовали при этом посмотреть? На крайний случай, я вам дал наводку, неужели трудно нагуглить годных примеров или подобных тем?
(Добавление)
Смотрите, первый же ответ в гугле по запросу "youtube end vidoe callback" :
http://stackoverflow[dot]com/questio[dot][dot][dot]eo-ends-callback и там от Joe Coder есть годный пример. И еще кучу примеров сверху. Трудно так же как я сделать?
5. Extazy - 15 Декабря, 2014 - 00:32:35 - перейти к сообщению
RickMan, в гугле приводится пример плеера, создаваемого на яваскрипте, а у меня используется iframe код. Я пытаюсь по другим примерам сделать рабочую версию обработчика события для iframe с плеером, но не получается никак Огорчение Огорчение

ну вот посмотрите эту страничку http://interesno[dot]club/31-razve-k[dot][dot][dot]ealnom-mire[dot]html - почему здесь не срабатывает alert?? Растерялся

в <head>:
CODE (html):
скопировать код в буфер обмена
  1. <script src="http://www.youtube.com/iframe_api"></script>
  2.     <script type="text/javascript">
  3.         $(document).ready(function() {
  4.             function onYouTubePlayerReady {
  5.                 ytplayer = document.getElementById("youtube");
  6.                 ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
  7.             }
  8.  
  9.             function onytplayerStateChange(newState) {
  10.                 alert("Player's new state: " + newState);
  11.             }
  12.         });
  13.         </script>
  14.  

сам плеер:
CODE (html):
скопировать код в буфер обмена
  1. <iframe id="youtube" width="800" height="450" src="http://www.youtube.com/embed/JpwYDX6NNhc?enablejsapi=1&rel=0&&wmode=transparent&showPreviewImage=true&showinfo=0" frameborder="0" allowfullscreen>


ну не получается у меня никак.. помогите пожалуйста..
(Добавление)
не работает даже банально:

CODE (html):
скопировать код в буфер обмена
  1. function onYouTubePlayerReady(playerId) {
  2.             alert("READY");
  3.         }

 

Powered by ExBB FM 1.0 RC1