Устанавливаем плеер YouTube на сайт (Drupal)

Что делать если нужно вставить видео из YouTube на свой сайт? И что делать если на него нужно наложить собственную картинку-превью?


Для начала нам нужно пропарсить ссылку и вытащить из нее параметр `v`. Для этого мы перед вставкой кода плеера делаем следующее:

$parsed_url = parse_url($linkYouTube);
$param = parse_str($parsed_url['query']);
$videoParam = explode("&", $parsed_url['query']);
for ($i=0; $i<count($videoParam);$i++)
parse_str($videoParam[$i]);

После этого можно брать код плеера (все параметры можно посмотреть по ссылке). Можно настроить плеер по своему вкусу или как того требует дизайн сайта.

Плеер можно вставить или фреймом или objectом. В моем случае нужен был object, чтобы можно было наложить превьюшку. Если вам этого не нжно, то уберите параметр display:none из object и поставьте autoplay=false.

echo '<object width="299" height="198" id="video_'.$v.'" style="display:none;">
<param name="movie" value="https://www.youtube.com/v/'.$v.'?rel=0&wmode=transparent&autoplay=1"></param>
<param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent"></param>
 <param name="allowScriptAccess" value="always"></param>
<embed src="https://www.youtube.com/v/'.$v.'?rel=0&wmode=transparent&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="299" height="198"></embed>
</object>';

Если вам нужно сделать свое превью, то перед вставкой кода вствьте изображение:

<img onclick="this.style.display=&quot;none&quot;; document.getElementById('video_<?php echo $v; ?>').style.display='block'; " style="cursor:pointer;" typeof="foaf:Image" src="ссылка" width="299" height="198">

И теперь по клику картинки она скроется и видео начнет проигрываться автоматически.