Как вставить видео с YouTube
Довольно часто Вы видите на различных ресурсах видео, которое хранится на сервисе youtube, но каким-то образом его можно воспроизвести на данном сайте. Об этом сегодня пойдет речь, и я расскажу Вам, как вставить видео с YouTube. Задача является довольно простой и не требует специальных навыков, однако множество людей задаются этим вопросом и не могут самостоятельно решить данную проблему. Первым делом Вам необходимо перейти на сайт YouTube, а точнее на страницу с видео, которое Вам необходимо установить на ваш сайт. Я выбрал видео из категории популярных. Далее под самим видео Вы должны увидеть кнопку Поделиться.
Нажимаете на данную кнопку, после чего перед Вами должна появиться еще одна ссылка, под названием HTML код. Она нам и нужна, кликнув на нее, перед Вами появится код, который Вы должны скопировать и установить на Ваш сайт, где должно располагаться видео.
У данного кода присутствуют параметры ширины и высоты, которые соответственно отвечают за размер видеоплеера. Также, при помощи стилей Вы можете реализовать различные эффекты, которые будут обрамлять ваш плеер. Думаю, Вы видели плеер, который находится внутри монитора, или его с боку обхватывает руками какой-то человек, а также многие другие эффекты. О них мы говорить не будем, а я лишь приведу пример кода, куда мы вставим видео с youtube.
<html>
<head>
<title>Меню в картинке</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<div class="video">
<iframe width="560" height="315" src="//www.youtube.com/embed/7t0EtKlQxyo?list=PLrEnWoR732-BHrPp_Pm8_VleD68f9s14-" frameborder="allowfullscreen" ></iframe>
</div>
</body>
</html>
Вот таким нехитрым способом Вы можете вставлять на свой сайт любое понравившееся Вам видео с YouTube. И напоследок хотелось бы уточнить одну важную деталь. Если Вы просто вставите данный код в html страницу и откроете ее в браузере, то никакого результата в итоге Вы не получите. Для корректного отображения сайта, он должен находиться на хостинге, либо данную страницу необходимо открывать при помощи виртуального сервера(Denwer). Думаю, данный совет будет Вам также полезен. На этом я буду с Вами прощаться, до встречи в новых уроках!
