Как вставить собственное видео на свой сайт, блог? (Страница 4). Как вставить видео с яндекс видео на сайт


Вставка на сайт видеоплеера из Яндекс Диска

15 мая 2014 • 11 767 смотр.

Вставка на сайт видеоплеера из Яндекс Диска

Яндекс только при регистрации дает в своем облачном хранилище «Яндекс Диск» бесплатные 10 Гб под файлы, при этом есть возможность просматривать видео онлайн, не загружая его на компьютер, в готовом плеере. Вот я и задумался: а нельзя ли этот «облачный» плеер Яндекса вставить на сайт или в пост блога?..Вставить получилось, а будет ли этот «псевдострим» видео из Яндекс Диска работать постоянно, а не только какое-то время, проверим. Как вставил видео, загруженное в облачное хранилище Яндекса, с плеером от самого Яндекса, написано ниже.

Вставка на сайт видеоплеера из Яндекс Диска

Для примера взял видеоклип “Roar” в исполнении Кэти Перри, «американской певицы, композитора, автора песен, актрисы, а также посол доброй воли ООН…» (Википедия).

Вставка на сайт видеоплеера из Яндекс Диска

Видео в формате mp4 из Youtube скачал, как обычно делаю, в браузере Opera с помощью ссылки «скачать», которую вставляет на страницу скрипт сервиса savefrom.net. Получилось многовато для примера — более 90 Мб, но... красота требует жертв.

После загрузки видео в хранилище Яндекс Диска (есть отдельная страница и ссылка на «Диск» прямо из почты), выбираем нужный файл в списке.

Вставка на сайт видеоплеера из Яндекс Диска

После выбора файла справа на странице появляется превью видео и возможность «Поделиться ссылкой» — надо скопировать эту ссылку и перейти по ней.

Вставка на сайт видеоплеера из Яндекс Диска

По ссылке для «расшаривания» видео на Яндекс Диске откроется такая страница с плеером:

Вставка на сайт видеоплеера из Яндекс Диска

Для копирования кода использую браузер Google Chrome: какая ирония — Яндекс делится с Гуглом. Нажимаю возле видеоплеера правой кнопкой мыши и выбираю «Просмотр кода элемента».

Вставка на сайт видеоплеера из Яндекс Диска

Теперь нужно скопировать код самого видеоплеера для файла mp4, загруженного на Диск, облачное хранилище Яндекса. Код находится в контейнере (div), отмеченном классами «content» и «content_file».

Вставка на сайт видеоплеера из Яндекс Диска

Сам код видео на Диске Яндекса находится между тегами object. Нужно выбрать этот участок кода и нажать правой кнопкой мыши, чтобы указать «Copy as HTML» («Копировать как HTML»).

Вставка на сайт видеоплеера из Яндекс Диска

Скопированный код можно смело вставлять на сайт. Но надо иметь в виду, что в нем указаны размеры 100% ширины и столько же высоты видеоплеера. Конечно, это не подходит. Поэтому нужно либо заключить код в контейнер (блок) «правильного» размера, либо указать подходящие для сайта или блога размеры самостоятельно.

Вставка на сайт видеоплеера из Яндекс Диска

Плеер с видео, хранящегося на Яндекс Диске, после вставки в блог выглядит примерно так:

Katy Perry — Roar

Другие интересные записи

Сколько на Liveinternet.ru дневников со своим доменом

Идеальный пост: энергичная метафора (онлайн-сервисы Яндекса)

Как публиковать описание сериалов

Как поменять поиск Яндекс в адресной строке UC Browser

blogmann.ru

Вставка на сайт видеоплеера из Яндекс Диска

Яндекс только при регистрации дает в своем облачном хранилище «Яндекс Диск» бесплатные 10 Гб под файлы, при этом есть возможность просматривать видео онлайн, не загружая его на компьютер, в готовом плеере. Вот я и задумался: а нельзя ли этот «облачный» плеер Яндекса вставить на сайт или в пост блога?..Вставить получилось, а будет ли этот «псевдострим» видео из Яндекс Диска работать постоянно, а не только какое-то время, проверим. Как вставил видео, загруженное в облачное хранилище Яндекса, с плеером от самого Яндекса, написано ниже.

Вставка на сайт видеоплеера из Яндекс Диска

Для примера взял видеоклип “Roar” в исполнении Кэти Перри, «американской певицы, композитора, автора песен, актрисы, а также посол доброй воли ООН…» (Википедия).

Видео в формате mp4 из Youtube скачал, как обычно делаю, в браузере Opera с помощью ссылки «скачать», которую вставляет на страницу скрипт сервиса savefrom.net. Получилось многовато для примера — более 90 Мб, но... красота требует жертв.

После загрузки видео в хранилище Яндекс Диска (есть отдельная страница и ссылка на «Диск» прямо из почты), выбираем нужный файл в списке.

После выбора файла справа на странице появляется превью видео и возможность «Поделиться ссылкой» — надо скопировать эту ссылку и перейти по ней.

По ссылке для «расшаривания» видео на Яндекс Диске откроется такая страница с плеером:

Для копирования кода использую браузер Google Chrome: какая ирония — Яндекс делится с Гуглом. Нажимаю возле видеоплеера правой кнопкой мыши и выбираю «Просмотр кода элемента».

Теперь нужно скопировать код самого видеоплеера для файла mp4, загруженного на Диск, облачное хранилище Яндекса. Код находится в контейнере (div), отмеченном классами «content» и «content_file».

Сам код видео на Диске Яндекса находится между тегами object. Нужно выбрать этот участок кода и нажать правой кнопкой мыши, чтобы указать «Copy as HTML» («Копировать как HTML»).

Скопированный код можно смело вставлять на сайт. Но надо иметь в виду, что в нем указаны размеры 100% ширины и столько же высоты видеоплеера. Конечно, это не подходит. Поэтому нужно либо заключить код в контейнер (блок) «правильного» размера, либо указать подходящие для сайта или блога размеры самостоятельно.

Плеер с видео, хранящегося на Яндекс Диске, после вставки в блог выглядит примерно так:

Katy Perry — Roar

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Самое интересное в блоге

RDS-бар не всегда показывает верную информацию об ...

Как удалить все письма в Livejournal (личные сообщ...

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка...

oleksite.ru

Как просто загрузить видео на Яндекс? [Видеоурок]

Привет, друзья! Сегодня у нас на повестке снова полезный урок – мы будем добавлять видео на Яндекс и размещать его у себя на блоге.

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

И, конечно же, не забыли оставить ссылку на свой ресурс, как в самом видео, так и в его описании!

Чтобы добавить видео на Яндекс, вам потребуется там авторизоваться (создать почту). Ну а далее, просто следуйте тем подсказкам, которые я даю в уроке.

Итак…

Чему вы научитесь в этом видео?

1. Загрузите свой ролик на Яндекс одним из двух способов – непосредственно с компьютера и по ссылке с других ресурсов (в частности, с Ютуба).

2. Оптимизируете видео через название, метки и описание.

3. Быстро и легко сгенерируете html-код для вставки ролика на блог без ненужных плагинов.

4. Узнаете, как поделиться своим роликом с друзьями в соцсетях, а при необходимости сможете его быстро удалить с Яндекса.

5. А также получите другие полезные подсказки по работе с Яндекс.Видео.

Впрочем, хватит текста. Скорее переходите к просмотру!

Важно: возможность загружать новые ролики на Яндекс.Видео больше недоступна. Теперь видео можно загружать только на свой Яндекс.Диск и делиться ими с помощью ссылок. Все ранее добавленные ролики также окажутся на диске. Для их хранения сервис выделяет пользователям дополнительное место бесплатно. 

Смотрите актуальный урок о том, как загрузить видео на Яндекс.Диск:

Если у вас еще нет своего Яндекс.Диска, первым делом зарегистрируйте почту от Яндекса. Перейти на Диск вы сможете из почтового ящика (вкладка сверху):

яндекс-диск

Видеоурок «Как загрузить видео на Яндекс» (информация устарела):

Если возникнут вопросы, смело пишите их в комментариях. Всегда рада помочь.

С уважением, Виктория Карпова

o-zarabotkeonline.ru

Как вставить видео с ютуба на страницу сайта через текстовой редактор

1 ноября 2013

Советы

Часто, на страницу сайта, необходимо в тексте вставить видео ролик. Сделать это можно встроив плеер с нужным роликом с видео хостинга youtube.com (далее: ютуб) в текстовом редакторе системы управления вашего сайта.

 

Итак, открываем ютуб, находим нужное нам видео. Открываем его.

 

На странице видео ролика, кликаем на кнопку "Поделиться" под видео роликом.

 

 

В открывшемся окне, кликаем на "Встроить".

 

 

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

 

 

На данный момент нам ютуб больше не нужен.

 

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

 

 

Для установки копированного кода видео ролика с ютуба, переключите редактор на отображение кода, кликнув на кнопку "Источник" в левом верхнем углу.

 

 

После переключения вставьте скопированный код.

 

 

Обязательно сохраните полученный результат.

 

 

На этом все, видео размещено.

 

Примерно так должна выглядеть в админке страница с внедренным с ютуба в текстовой редактор видео роликом:

 

 

На самом сайте видео будет выглядеть вот так:

 

Свежие публикации данной категории

1 просмотр этой страницы

xn--80aimpgtg.xn--p1ai

Как вставить собственное видео на свой сайт, блог? (Страница 4)

Читайте далее:         1 * 2 * 3 * 4

Вариант №5

Cервис «Новый плеер!»

А это совершенно замечательнейший сервис! Находится по адресу //flv-mp3.com/ru/flv Как и в предыдущем варианте, файл видеофильма находится на вашем сайте в формате (*.flv), но сам процесс создания плеера сводится к выполнению нескольких простейших операций.

Не нужно никакой регистрации, просто ввести прямую ссылку на flv-файл с вашего сайта, путь к swf-файлу плеера уже прописан создателем, прописать ссылку на заставку, сделать надпись (можно применять теги), выбрать размер и другие настройки. Возможны варианты расцветок. Далее нажать кнопку Получить код. И это все!

Для переключения в полноэкранный режим нажмите «кружочек» в правом верхнем углу плеера.

Вариант №6

Cервис Яндекс.Видео

Заходим на ЯНДЕКС по адресу  //www.yandex.ru/ , нажимаем ссылку Видео → Мои видео и там Вы увидите (о-о-опс!!!) табличку:

Из этого следует, что Яндекс прекращает работу сервиса «Яндекс видео», а все ваши видеоролики, которые там были переносятся на «Яндекс диск».

Заходите на свой «Яндекс диск» и перекиньте ролики, которые находятся уже там в разделе «Яндекс видео», в раздел «файлы Яндекс диска».

После этого все ваши видео благополучно переместятся и в дальнейшем будут находиться на «Яндекс диске». Вы также можете делиться ими со своими друзьями.

Вариант №7

Другие сервисы

Попробуйте совершить операции со вставкой видео на любой известный поисково-почтовый сервис, типа Майл, Рамблер и т.д. Вот только в Гугл обычным образом видео не вставить, там как-то всё по-американски, поисковик якобы сам находит видео по вашим запросам. Не могу утверждать, но, по моему, так и происходит. На Yahoo нет «своего» видео, используется сервис «RuTube».

Вот и всё. Спасибо за внимание. Успехов! L.M.

Читайте далее:         1 * 2 * 3 * 4

dynamic-site.ru

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

Простые способы — как вставить видео Youtube на сайт.

 

Как вставить на сайт видео Youtube с помощью кода HTML (фрейма)

Использование кода фрейма для вставки ролика видео на сайт, наиболее распространённый и простой вариант.

Найдите любое понравившееся видео на хостинге Youtube, которое необходимо вставить на сайт. Чтобы получить код фрейма просматриваемого ролика, достаточно правой кнопкой мыши щёлкнуть по нему и открыть контекстное меню.

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

В меню выберите пункт \Копировать HTML-код\ , левой кнопкой мыши скопируйте код.

<iframe src="https://www.youtube.com/embed/BxqpfR7z5Q4" frameborder="0" allowfullscreen></iframe>

Вставьте фрейм в html страницы сайта. Если необходимо, сразу отредактируйте параметры кода.

Измените ширину и высоту окна окна для вывода видео на сайте. На Youtube оно слишком большое (но это на ваше усмотрение). В приведённом коде ширина окна - width= “854”, высота — heigt=”480” .

Чтобы уменьшить - изменим на более приемлимый для сайта размер, сделаем: width= “540”, высота — heigt=”320”.

 

Вот так выглядит видео-ролик на сайте

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

В Wordpress используется поддержка размещения видео с помощью шорткода.

Зайдите в админ панель сайта, далее \Все записи\ - \Добавить новую\.

Откройте \Текст\- редактирование html\ и вставьте такой код:

[embed] Ссылка видео YouTube[/embed]

 

Далее откройте видео на Y, и скопируйте код URL ролика

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

Потом вставьте URL в код между тегами [embed...]---[/embed] и опубликуйте запись.

Для вставки видео на сайт в Wjrdpress также можно применять различные плагины, например: Video.js, JW Player и другие.

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

В Joomla, для размещения видео на странице, лучше использовать специальные плагины, например: AllVideos.

Этот плагин просто установить, настроить и использовать для вставки любых видео-роликов на сайт.

Как вставить Youtube видео на страницу Joomla смотрите в материале - Работа с плагином Allvideos. Вставка кода видео на страницу.

***

Как увеличить трафик на сайт с помощью YouTube

Вставить баннер в joomla, плагин MultiAds

 

  • < Назад
  • Вперёд >

povadno.ru

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

При использовании качественного, а лучше всего уникального видеоролика на вашем сайте не только послужит как  дополнительный  материал к контенту, но и выступает в качестве мощного инструмента в продвижении и популяризации вашего сайта в сети интернет.Итак,  есть качественный  ролик на Youtube или загрузили свой и нужно установить  данный  видеоролик с YouTube на сайт.

Многие пользователи используют для установки видео плагины JW Player, Video.js, Spider Video Player. При этом процесс установки видео с YouTube на сайт намного упрощается, однако тем самым увеличиваете нагрузку на хостинг,  снижается скорость загрузки странички сайта, а также могут возникнуть конфликты плагина при обновлениях, поэтому лучше произвести установку без использования плагина.

Читайте статью «Как установить счетчик LiveInternet» по ссылке http://www.info-report.ru/sajtostroenie/kak-ustanovit-schetchik-liveinternet

Установка видео с YouTube на сайт без плагина

Для того что бы вставить код находите  в сервисе Youtube  ссылку «Поделиться», которая располагается под окном плеера, переходите на вкладку «HTML-код» и в открывшемся поле отображается нужный код фрейма (тег <iframe> создает плавающий фрейм, который является своего рода контейнером, позволяющим загружать содержимое другой веб-страницы).Атрибуты тега: width – длина окна, height – высота окна, src – путь к файлу, содержимое которого будет воспроизводиться, frameborder – рамки вокруг фрейма, allowfullscreen – разрешение на полноэкранное отображение ролика.

 

youtube_video_ustanovka_01

 

Копируете данный код, затем переходите в панель управления сайтом и вставляете в режиме «HTML» в тег <body>. Можете подкорректировать длину и ширину окна видео.

youtube_video_ustanovka_02При переключении на вкладку Визуального редактора будет отображаться прямоугольник, так и должно быть. После публикации статьи  видео с  YouTube  будет отображаться в статье корректно.

*Нажимая на кнопку "Подписаться", я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта

www.info-report.ru