Валидный плеер YouTube

Автор: | Кат.: Веб-мастерам | 25.06.2011

 

валидный плеер YouTubeПри создании веб-ресурса, иногда возникает необходимость в использовании видеоматериалов. Как известно самое большое в мире интернет-хранилище видео — это сервис YouTube. Там можно хранить свои видеоролики в большом количестве, при этом не перегружать дисковое пространство выделенное при покупке хостинга. Видео плеер YouTube не отвечает стандартам W3C (Консорциум всемирной паутины — корпорация отвечающая за разработку и внедрение технологических стандартов для Интернет), такое положение дел не устраивает многих веб-мастеров. Однако существует решение проблемы валидности кода YouTube, как на обычном сайте, так и на сайте с движком DLE……

При создании веб-ресурса, иногда возникает необходимость в использовании видеоматериалов. Как известно самое большое в мире интернет-хранилище видео — это сервис YouTube. Там можно хранить свои видеоролики в большом количестве, при этом не перегружать дисковое пространство выделенное при покупке хостинга. Видео плеер YouTube не отвечает стандартам W3C (Консорциум всемирной паутины — корпорация отвечающая за разработку и внедрение технологических стандартов для Интернет), такое положение дел не устраивает многих веб-мастеров. Однако существует решение проблемы валидности кода YouTube, как на обычном сайте, так и на сайте с движком DLE.

Сначала рассмотрим абсолютно валидный код видео плеера YouTube для вставки в обычный документ HTML, он будет выглядеть следующим образом:


<object type="application/x-shockwave-flash"
data="http://СЮДА ВСТАВЛЯЕМ ССЫЛКУ НА РОЛИК?hl=ru&amp;fs=1
showsearch=0 &amp;rel=0" width="500" height="410">
<param name="movie" value="http://СЮДА ВСТАВЛЯЕМ ССЫЛКУ НА РОЛИК?hl=ru&amp;fs=1">
<param name="FlashVars" value="playerMode=embedded">
</object>

Данный код является кроссбраузерным. В плеере отключен показ формы поиска по YouTube — в адрес ссылки добавлен &showsearch=0, также спрятаны похожие ролики, которые по окончанию просмотра видео предлагает сервис &rel=0. Таким образом, мы даже немного модернизировали плеер. Хотя такую доработку можно убрать, предоставив пользователю демократичный выбор. Может ему, понравится какой-то ролик из предложенных сервисом YouTube. Принятие решения остается за вами.

Теперь рассмотрим код для вставки в CMS DLE, ролика с YouTube. Если у вас имеется в наличии полностью валидный шаблон сайта, то вставка видео на страницу испортит настроение массой ошибок при проверке на валидность. Вообще удивляет тот факт, что коммерческий продукт CMS DLE, стоящий немалых денег имеет такое количество недочетов. Мое личное мнение, если делать, так делать качественно, чтобы «комар носа не подточил». Одно дело непрофессионал одиночка делает сайт, а другое команда профессионалов. Для начала откройте файл engineclassesparse.class.php, если вы не изменяли его, то приблизительно в области строки 540, найдите следующий код:



return '<!--dle_youtube_begin:'.$url.'-->
<object width="'.$this->video_config['width'].'" 
height="'.$this->video_config['height'].'">
<param name="movie" value="http://www.youtube.com/v/'.$video_link.'&hl=ru&fs=1">
</param>
<param name="wmode" value="transparent" />
<param name="allowFullScreen" value="true">
</param><param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/'.$video_link.'&hl=ru&fs=1" 
type="application/x-shockwave-flash" allowscriptaccess="always" 
allowfullscreen="true" wmode="transparent" width="'.$this->video_config['width'].'" 
height="'.$this->video_config['height'].'"></embed></object><!--dle_youtube_end-->';

Это и есть тот не валидный код плеера. Заменить его можно двумя способами: первый это просто удалить из файла безвозвратно, а второй закомментировать его (если захотите вернуть все обратно, то просто снимите комментарии php), решайте. После этого вставляем валидный код плеера и сохраняем изменения:


return '<!--dle_youtube_begin:'.$url.'--><!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
width="'.$this->video_config
['width'].'" height="'.$this->video_config['height'].'">
<param name="movie" value="http://www.youtube.com/v/'.$video_link.'&amp;hl=ru&amp;fs=1">
</param>
<![endif]--><!--[if !IE]>-->
<object type="application/x-shockwave-flash" 
data="http://www.youtube.com/v/'.$video_link.'&amp;hl=ru&amp;fs=1" 
width="'.$this->video_config['width'].'" height="'.$this->video_config['height'].'">
<!--<![endif]-->
<param name="wmode" value="transparent" />
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param></object><!--dle_youtube_end-->';

На этом все. Теперь видео YouTube на вашем сайте будет соответствовать стандартам W3C ( Markup Validation Service) и проходить проверку на валидность. Пользуйтесь на здоровье! Некоторые считают, что валдиный код — необязателен. Это заблуждение, представьте себе, вы приобрели компьютер, где блок питания прикручен проволокой, а переднюю панель гвоздем прибили и загнули, при этом продавец утверждает, что все нормально, ведь компьютер работает, чего еще надо! Так и с сайтом происходит, одного слова «работает» мало, все должно соответствовать стандартам.