Вставляем видео и делаем ему рамочку

Здравствуйте уважаемые начинающие веб-мастера. В этой статье рассмотрим, как вставить в Ваш сайт видеоматериал с других сайтов.

Как известно, основными пастбищами видеороликов у нас являются ресурсы YouTube и RuTube.

Вдруг вам понравиться какой нибудь ролик, ну совпадёт с тематикой, и Вы захотите перетащить его к себе на сайт.

Для этого откроем в браузере новую вкладку, и наберём в поисковике YouTube. Ну это для тренировки.

А в дальнейшем, заходим на страничку где размещён понравившийся Вам ролик, и первым делом проверяем можно-ли его получить.

Для этого щёлкнем по надписи “Поделится”, после чего откроется строка с заданиями, и если там будет написано “встраивание запрещено пользователем”, то со спокойной душой забываем о наших намерениях. А если выйдет надпись “сгенерировать html код”, то щёлкаем по ней.

В результате нам будет представлен код для вставки, копируем его, и вставляем в каркас страницы, созданный нами в редакторе, в контейнер <body >.

Затем над этим кодом, при помощи тега <h>, создадим какой нибудь заголовок, или впишем название ролика.

Пожалуйста обратите внимание, что для вставки видео, применяется тег <iframe></iframe>.

Следующий, у нас по плану ролик с RuTube. Так же через поисковик находим ролик.

Здесь чуть по другому. Под экраном находим строку “Код для блога”, и щёлкаем по ней. Сразу открывается код, который мы опять-же копируем и вставляем в редактор.

Затем, так же при помощи тега <h>, создаём над ним заголовок. Размер заголовка на ваше усмотрение.

Синтаксис установки видео на сайт

Теперь посмотрим, что в браузере.

Результат применения тегов и атрибутов html для установки видео на сайт 

Можно проверить, как ролики будут работать. Нажимаем на треугольник “пуск”, и смотрим кино.

Можно сделать им рамочку. Вы обратили внимание, что в обеих кодах присутствует атрибут “iframeborder”, и значение его в обеих случаях равно “0″.

Если попробовать вместо “0″ задать несколько пикселей, то у наших роликов появится рамочка.

Желаю творческих успехов.

Неужели не осталось вопросов? Спросить


Перемена

— Вовочка, что такое «Светит,но не греет»?
— 15 лет строгого режима.

Муж звонит жене:
— Ты где?
— В норе…
— Где???
— Ну в норе, которую ты мне купил!!!
— Дура, не в норе, а в рено…. хорошо что я тебе пежо не купил..

Покупатель в магазине «Ритуальные услуги» рассматривает гробы.
— Как вы думаете, какой гроб лучше?
— Трудно сказать, — отвечает продавец, — Цинковые долговечнее, однако деревянные полезнее для здоровья

Формы html. Тег input < < < В раздел > > > Как добавить на сайт музыку или голосовое приветствие

Запись опубликована в рубрике HTML основы. Добавьте в закладки постоянную ссылку.

2 комментария на «Вставляем видео и делаем ему рамочку»

  1. starik говорит:

    Пожалуйста. Заходите ещё.

  2. Mansur говорит:

    Хорошо, и видео вставили. Спасибо!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *