Совет 1: Как вставить видео на сайт

Многих пользователей Интернета, впервые создающих свои сайты, беспокоит вопрос «Как вставить видео на сайт правильно?». Почему-то эта несложная операция на первых порах вызывает путаницу в действиях, хотя, на самом деле, все довольно просто.



Во-первых, нужно понимать о чем идет речь – если предполагается разместить на своем сайте видеосюжет с популярного видеосервиса, например, с русскоязычного RuTube или с YouTube, то в этом случае используется своя методика. Если речь идет о своем собственном видеоролике, то для его размещения можно подобрать простые и эффективные способы.

Первый способ достаточно прост и не вызовет затруднений. К примеру, на сайте YouTube есть очень интересный видеоматериал, который подходит по многим параметрам к вашему сайту. Либо вы сами являетесь счастливым обладателем интересного видео и хотите его разместить на сервисе RuTube. В любом случае вам необходимо получить код данного видеоролика. Если видео уже есть на сервисе, достаточно нажать на кнопку под ним «Получить код для вставки». В открывшемся окне появится код, который нужно скопировать.



Например, так выглядит стандартный код для размещения ролика на странице сайта с сервиса YouTube:

 <iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="https://www.youtube.com/embed/u2UAsiktTJE" frameborder="0" allowFullScreen></iframe>





Чтобы самому «заливать» видеофайлы на RuTube или YouTube, необходимо пройти процедуру регистрации, затем залить видео на их сайт и получить код видео. Этот код разместите на странице вашего сайта. Наверняка вам знакома процедура добавления материалов на сайт, а в случае с видеороликом всё довольно просто. Другими словами, чтобы вставить видео на сайт правильно, достаточно залить его на популярный видеосервис, например, YouTube, а код для просмотра разместить на странице своего сайта. Таким образом, посетители будут на вашем сайте смотреть видеоролик, расположенный на другом сервисе.

Есть другой способ – залить видео на свой собственный сайт. Такой метод немного сложнее. Здесь потребуется скрипт плеера, который отвечает за проигрывание вашего видеоролика, а также SWF-файл плеера. В Интернете существует большое количество бесплатных плееров, для примера остановимся на FlowPlayer. Скачиваем его из Интернета и разархивируем архив с дистрибутивом на жесткий диск в директорию с файлами вашего сайта, для чего создадим новую папку – flowplayer (по названию плеера).



Затем, в теге <head> страницы, на которой будет размещаться видеоролик, необходимо написать следующую строку:

<script type="text/javascript" src="flowplayer/flowplayer.min.js"></script>

а затем указать путь к видеоролику, который собираемся разместить:

<a href="путь к вашему видео" style="display: block; width: 800px; height: 700px;" id="player"></a>

<script language="JavaScript">

 flowplayer("player", {src : "http://Указать адрес сайта/flowplayer/flowplayer.swf", wmode: "transparent"});

</script>





На этом все! Видеоролик будет добавлен для просмотра на сайте. Стоит только помнить о том, что при таком способе просмотра возрастет нагрузка на ваш сайт.

 

Видео по теме
Как красиво разместить видео на сайте и в соцсетях
Связанная статья
Как красиво разместить видео на сайте и в соцсетях
Источники:
  • как вставить видео youtube на сайт в 2019

Совет 2 : Как разместить кнопку на своем сайте

С обилием социальных сетей интернет-пространство становится все более интерактивным, и поэтому сегодня на большинстве веб-сайтов присутствуют кнопки самых распространенных социальных сетей, с помощью которых посетители сайта могут быстро и эффективно сохранить понравившуюся информацию и поделиться ею с друзьями. Размещение подобных кнопок на сайте сделает ваш проект более посещаемым, популярным и современным – чем больше людей воспользуются вашими кнопками, тем более узнаваемым станет ваш веб-сайт.
Как разместить кнопку на своем сайте
Инструкция
1
Разместить у себя кнопки социальных сетей несложно. Один из способов сделать это – воспользоваться поисковой системой Яндекс, которая предоставляет веб-мастерам возможность выбрать и настроить кнопку для социальной сети – в распоряжении имеются Вконтакте, Facebook, Одноклассники, Twitter, МойМир и другие.
2
Зайдите в Яндексе на соответствующую страницу, на которой вы выберете кнопки, которыми можно поделиться с друзьями. Скопируйте HTML-код кнопки и вставьте его на сайт.
3
Если ваш сайт создан на движке WordPress, используйте либо предложенный вариант, либо воспользуйтесь специальным плагином, который устанавливает на сайты WordPress кнопки для социальных сетей. Плагин можно скачать в сети, а после закачки его нужно разархивировать.
4
Откройте папку Share Buttons, в которой лежат файлы плагина, скопируйте папку целиком и установите ее на сервере вашего сайта в директорию wp-contentplugins. Перейдите в раздел администратора, откройте вкладку «Плагины» и активируйте появившийся в списке плагин Share Buttons. Настройте все кнопки и нажмите «Готово».
5
Установить на сайт кнопку Twitter очень просто – перейдите на сайт tweetmeme.com и найдите на нем раздел настройки и установки кнопки ретвита для своего сайта. Укажите любой вариант расположения кнопки, который вам нравится и скопируйте код обыкновенной или компактной кнопки для ретвита.
6
Для того чтобы установить на сайте кнопку Google Buzz, откройте сайт этой социальной ленты и выберите также код подходящей вам кнопки, чтобы установить его на нужную страницу сайта. По такому же принципу устанавливаются кнопки для Facebook, которые можно скопировать на странице для разработчиков.
7
Если готовые иконки, предлагаемые сайтами, не устраивают вас по дизайну или не подходят к компоновке вашей веб-страницы, создайте собственные иконки в Фотошопе и подставьте новые изображения в исходный код кнопок социальных сетей.
Видео по теме
Как добавить кнопки поделиться (нравится) на сайт
Связанная статья
Как добавить кнопки поделиться (нравится) на сайт
Источники:
  • Стоит ли размещать у себя на сайте кнопку с сылкой на каталог?

Совет 3 : Как поставить видео на свою страницу

Добавление видео на сайт, в последнее время, стало весьма актуальным. Чуть ли не на каждом втором сайте в сети имеются видеоматериалы. Так как же разместить видео на сайте?
Как поставить видео на свою страницу
Инструкция
1
Используйте сервис «RuTube»

Для того, чтобы его использовать, необходимо для начала там зарегистрироваться. Пройдите по ссылке и заполните формы всеми необходимыми данными.
2
После окончания регистрации перейдите по ссылке «Загрузить видео» в левой верхней части экрана.
3
Заполните небольшую форму, указав в ней описание вашего видеоролика, его категорию, и выберите файл с компьютера, который нужно загрузить. Для этого используйте кнопку «Обзор». Файл не должен быть более 300 Мб.
4
Жмите кнопку «Загрузить». После окончания загрузки файла нужно подождать некоторое время. После, обновив страницу, кликните по изображению ролика. Появится окно, в котором можно увидеть то, что получилось. Главное здесь - это забрать код плеера и ссылку, для того чтобы в будущем разместить видео на своем сайте.
5
Копируйте код плеера и вставляйте к себе на сайт. При правильном выполнении инструкции должен появиться плеер с видеофайлом.
6
Используйте сервис «YouTube»

Зарегистрируйтесь там.
7
После чего нажмите на ссылку «Добавить Видео» в верхнем правом углу.
8
Появится форма, где, нажав на кнопку «Обзор», можно загрузить видеофайл со своего компьютера. Размер такого файла не должен быть более 1 Гб.
9
После загрузки подождите некоторое время, чтобы видео конвертировалось в нужный формат.
10
Далее в верхней части сайта нажмите на свой логин (под которым зарегистрировались), выберите «Мое Видео», затем нажмите на изображение видео. В верхнем углу найдите и скопируйте html-код плеера, затем вставьте его на сайт.
11
Используйте сайт Uppod

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

Зарегистрируйтесь.
12
После, создайте в корне своего сайта три папки: styles, video и player.
13
Скачайте файл плеера по ссылке в верхнем левом углу сервиса.
14
Распакуйте скачанный архив, возьмите файл uppod.swf и скопируете его в папку player на сайте.
15
Зайдите в свой аккаунт, перейдите на вкладку «Мой Плеер» и нажмите по ссылке «Видео». Создайте стиль и закачайте его на сервер в папку styles.
16
Затем в папку video нужно закачать видеофайл. Перейдите в раздел «Файлы» и добавьте видео, указав ссылку, название и стиль. И напоследок, чтобы получить код, перейдите в подменю «Файл», нажав на видео, выберите раздел «Код» и скопируйте его.
Видео по теме

Совет 4 : Как разместить на сайте видео с Youtube

Собственные сайты и блоги создают многие пользователи интернета. А даже если у вас нет персональной веб-страницы, вполне возможно, что вам захочется вставить видео c YouTube в свой комментарий на чужом сайте — ведь видеоролики иногда способны передать мысли и ощущения гораздо лучше, чем слова. Никаких проблем с добавлением видео с YouTube у вас возникнуть не должно — все инструменты для этого имеются на странице просмотра. Главное, чтобы содержимое ролика не нарушало требования законов.
Как разместить на сайте видео с Youtube
Инструкция
1
Перейдите к третьему шагу данной инструкции, если вы хотите добавить на свой сайт видеоролик, который уже размещен на видеохостинге YouTube вами или кем-либо еще. Чтобы загрузить на хостинг свое собственное видео, создайте аккаунт на YouTube или, если у вас уже есть профиль в Google, авторизуйтесь под своими логином и паролем.
2
Нажмите на кнопку «Добавить видео» в правом верхнем углу сайта. Используйте для выбора нужного файла на компьютере кнопку с соответствующим названием, или откройте папку с видео в проводнике Windows и просто перетащите мышкой нужный ролик в любое место на странице добавления. Подождите, пока ваш файл целиком загрузится на сайт.
3
Перейдите на страницу просмотра видеоролика. Нажмите на кнопку «Отправить», расположенную под окном плеера. В открывшемся меню нажмите на кнопку «Встроить».
4
Выберите желаемые параметры отображения видео на странице сайта. В первую очередь — размеры плеера. Отметьте, должен ли плеер показывать ссылки на похожее видео после окончания воспроизведения. Если необходимо, включите поддержку протоколов HTPPS и отложенные файлы cookies.
5
Добавьте новое сообщение на свой сайт. Установите режим ввода текста — HTML. Скопируйте код видео, который сформировался на странице YouTube, и вставьте его в текст сообщения. Либо в режиме визуального редактирования текста нажмите на кнопку «Добавить видео» и укажите ссылку на выбранный видеоролик.
6
Посмотрите, как отображается плеер на странице вашего сайта, используя функцию предпросмотра сообщения. Если есть необходимость, внесите изменения в настройки плеера и сгенерируйте другой код. Обратите внимание, что некоторые веб-ресурсы поддерживают только старые коды встраивания.Если установленные параметры вас устраивают, сохраните свое сообщение — видеоролик смогут посмотреть все посетители вашего сайта.
7
Обратите внимание, что если вам понравилось видео YouTube, размещенное на каком-либо ином ресурсе, вы можете получить код для добавления его на свою страницу, не заходя на youtube.com. Для этого дождитесь окончания воспроизведения и нажмите на кнопку «Отправить», которая появится в правом верхнем углу плеера YouTube. Затем нажмите на кнопку «Вставить» и далее действуйте, как описано выше.
Видео по теме
Полезный совет
Если хотите, вы можете опубликовать на своем сайте плейлист YouTube или избранный канал. Как это сделать, читайте в справке Google http://support.google.com/youtube/bin/answer.py?hl=ru&answer=171780.

Совет 5 : Как выложить видео на страницу

Если вы являетесь пользователем социальной сети «Вконтакте», то рано или поздно задаетесь вопросом, как выложить видео на свою страницу. Например, это могут быть любимые музыкальные клипы, фильмы, оригинальный ролик из памятных фотографий. Чтобы ваш видеоролик увидели и оценили друзья и другие пользователи этого ресурса, вам нужно выполнить всего несколько простых действий для добавления видео.
Как выложить видео на страницу
Инструкция
1
Если вы хотите создать ролик из фотографий или изображений и выложить его на странице, вам понадобится редактор для создания видео. Для создания слайд-шоу вы можете воспользоваться, например, редактором «Фотошоу» — http://www.fotoshow.su/. Это удобная в пользовании программа для создания видеороликов из фотографий, которая позволяет создавать яркие слайд-шоу на самые различные темы: романтичные, свадебные, презентации, свадебные, детские, презентации, оригинальные поздравления и многие другие.
2
Чтобы создать такой видеоролик, добавьте в эту программу нужные фотографии, подходящую фоновую музыку, подберите оригинальные спецэффекты переходов (эффекты перелистывания страниц, появления и растворения, спирали, водоворота и т.д.) и запишите видео для публикации в интернете - «Вконтакте», YouTube, FaceBook, MySpace, Yahoo!Video или видео высокого разрешения HD. Далее вам остается разместить у себя на странице получившийся видеоролик.
3
Чтобы залить видео на страницу «Вконтакте», откройте в меню раздел «Мои Видеозаписи», затем выберите пункт «Добавить видеоролик». После этого откроется окошко «Новое видео».
4
В открывшемся окне введите название и описание для вашего видеоролика. Если вы хотите рассказать друзьям о ролике, поставьте галочку рядом с пунктом «Опубликовать на моей странице». Также при необходимости можно установить настройки приватности, т.е. ограничить доступ просмотра видео или возможность его комментирования. Нажмите «Сохранить».
5
Нажмите «Выбрать файл» и выберите видеофайл, который хотите выложить. Загрузка ролика с вашего компьютера может занять некоторое время (обычно несколько минут), которое зависит от размера видеофайла. При желании вы можете отметить на ролике себя и своих друзей.
6
Еще более просто выложить видео на страницу «Вконтакте», если он уже размещен на каких-либо других видеохостингах (например, в YouTube). Нажмите опцию «Добавить по ссылке с других сайтов» и затем укажите в появившемся поле ссылку на ролик. В этом случае он тут же отобразится в списке ваших видеозаписей.
7
Кроме загрузки ваших собственных видеороликов, вы можете добавить на свою страницу какую-либо видеозапись, которая находится в базе сайта. Чтобы это сделать, воспользуйтесь поиском по видеозаписям, указав в нужном поле название файла (ключевые слова).
8
Откройте нужную вам ссылку, нажмите «Добавить в мои видеозаписи», и видеозапись появится на вашей странице. Чтобы поделиться видео с друзьями, выберите опцию «Отправить на мою страницу», которая появляется после добавления видеофайла. Название и описание вы можете изменить в режиме редактирования видеозаписи. При желании видеозапись можно добавить к себе в альбом.
Видео по теме
Полезный совет
Обратите внимание, чтобы размер загружаемого видеоролика не превышал 1 Гигабайт. Также нужно, чтобы видео подходило по формату. Поддерживаемые форматы: MPEG, AVI, WMV, FLV, 3GP, MOV. Видеофайл не должен содержать порнографию и нарушать авторские права.
Источники:
  • Как выложить видео в «Вконтакте»

Совет 6 : Как красиво разместить видео на сайте и в соцсетях

Чтобы оживить общение в соцсетях, пояснить свою мысль на чужом примере, да и просто порадовать друзей забавным видеороликом, нужно научиться правильно и красиво размещать видео на сайт. Большинство видеороликов располагаются на сервисах типа Youtube, а потому именно на примере этого сайта мы разберемся, как поделиться видеофайлом с другими.
Как красиво разместить видео на сайте и в соцсетях


Как найти код видео


Посмотрев видеоролик и решив показать его друзьям, вы можете отправить ссылку на страницу с этим клипом почтой, личным сообщением или любым другим способом. А вот если вы хотите, чтобы видео отображалось на нужном вам сайте, вам понадобится код этого видеофайла. Тогда в вашем блоге появится не скучная ссылка, а плеер с возможностью сразу же посмотреть ролик. К тому же, если видео вы хотите вставить на свой сайт, приятным бонусом станет то, что не нужно загружать сам видеофайл, достаточно вставить код. Тем самым вы сэкономите место на хостинге. Найдите в правом нижнем углу видеоплеера (рамочка с кнопками и надписями вокруг просматриваемого видеоролика) надпись "Смотреть на YouTube". Нажмите на нее, и откроется новая вкладка в браузере со страницей этого видео. Поищите под роликом, справа от надписей "Нравится" и "О видео", слово "Поделиться". Нажав на эту кнопку, вы увидите ссылку на само видео, а не страницу с ним. Это нам тоже пригодится, но сейчас кликните мышкой на надпись "HTML-код". В открывшемся ниже окошке появится код для вставки видео в блог. Если присмотреться, выяснится, что здесь же можно указать размеры видео (даны стандартные размеры, но можно поставить произвольный, изменив числа в самом коде: width обозначает ширину, а height - высоту).

Как вставить видео в ЖЖ


На выбор два варианта. Какой удобнее, решать вам. Первый способ - нажать кнопку с треугольником "Добавить видео", найдя ее в ряду иконок над окном, где вы пишете текст. Появится окошко "Медиа", в него вставьте скопированный из Youtube html-код. Нажмите "Добавить". Видео появится в вашей записи. Отправьте новую запись в блог. Второй способ - переключиться со вкладки "Визуальный редактор" на вкладку "HTML", и после этого вставить код прямо в запись. Результат будет тот же самый.

Как вставить видео на сайт


На своем сайте вы сможете разместить видео разными способами. Рассмотрим на примере Wordpress. Среди иконок найдите значок "Вставить медиафайл", укажите там ссылку на видео (вот она и пригодилась!), укажите размеры плеера, которые вам нужны. Или переключитесь на вид "Текст" вместо "Визуально" и вставьте в поле для текста статьи html-код. В виджет можно поместить все тот же код, и видео появится в сайдбаре вашего сайта.

Как вставить видео на сайт "Вконтакте"


Откройте "Мои видеозаписи" (надпись находится в списке слева). Справа появится кнопка "Добавить видеоролик". При нажатии откроется окно, в котором найдите надпись "Добавить по ссылке с других сайтов". Кликните на нее мышкой и в новом маленьком окошке вставьте в поле ссылку на ваше видео. Причем в данном случае именно ссылку, а не код. Подождите несколько секунд, пока ролик не загрузится и не появятся его скриншот и описание в соответствующих полях. Нажмите "Сохранить" - и видео будет находиться в списке ваших видеозаписей. Сервис позволяет загрузить видеофайл с вашего компьютера минуя сторонние сайты типа Youtube: для этого вместо "Добавить по ссылке с других сайтов" кликните на "Загрузить видео" в нижней части окна. Выберите нужный файл на винчестере и загрузите, добавьте описание к загруженному видеоролику. Наконец, возникает вопрос: можно ли видео из "Вконтакта" размещать на сторонних сайтах? Да, под видеороликом справа найдите кнопку "Поделиться", откройте вкладку "Экспорт видеозаписи". Вы увидите новое окошко, в котором появятся прямая ссылка на ролик, код для вставки, а также возможность выбора качества видеофайла, который вы будете размещать на сайтах, форумах или в соцсетях.

Источники:
  • Видеоурок, как правильно вставить видео
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500