Работа с youtube api
Мои шаги ( все по документации )
Добавляю видео с параметром ?enablejsapi=1 <iframe id="myvideo" width="450" height="253" src="//www.youtube.com/embed/uT3SBzmDxGk?enablejsapi=1" frameborder="0" allowfullscreen></iframe> Документация говорит: После перехода проигрывателя в состояние готовности он вызывает функцию onYouTubePlayerReady. Получить ссылку на этот проигрыватель можно через getElementById(). После получения объекта можно выполнять запросы к API. ОК, вызываем функцию
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myvideo");
}
Сразу вопрос, нужно ли что то вставлять вместо параметра playerId ? Так как я это не понял, то я этот параметр убрал
function onYouTubePlayerReady() {
ytplayer = document.getElementById("myvideo");
}
Ну и собственно вызвов функции воспроизведения
function play() {
if (ytplayer) {
ytplayer.playVideo();
}
}
и соответсвенно размещаем в html коде ссылку, по которой должно запускать видео <a href="javascript:void(0);" onclick="play();">Play</a> все это выложил на http://jsfiddle.net/eVut3/ |
на css-triks был расмотрен свой способ. Когда я натыкался на него неделю назад - он работал. Но теперь нет.
Может тут дело в youtube ? |
Да, раньше работало.. сейчас перестало. Но мне помнится, тогда приходилось загружать через Flash , а в этом случае - уже iframe
такс http://jsbin.com/qoyujoho/2/edit чего сделал:
Ну а дальше плеер можно проиграть через ytplayer.playVideo(); |
| Часовой пояс GMT +3, время: 22:52. |