Стоит простая вроде задача, пользователи копируют ссылку на видео из YOutube, мы сохраняем эту переменную, а вот как вставить? Теги HTML5 не работают.
Не хочется их загружать всякой ерундой типа «Зайдите сюда. кнопку нажмите эту, здесь скопируйте, здесь обрежьте и только потом вставляйте код. «, нужно чтобы они смогли брать ссылку из браузера.
Отслеживать
задан 27 окт 2020 в 5:34
43 7 7 бронзовых знаков
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
Есть достаточно простое решение.
Вот эта часть у вас будет статичной всегда https://www.youtube.com/v/
Где $LINK — это последняя строка на видео.
Чтобы посмотреть работоспособность тега, скопируйте его и вставьте на сайте https://codepen.io в левое поле с надписью HTML.
Это максимально простой и предсказуемый способ встраивания видео.
Значения object width и height можно задавать в %. Например width=»100%» height=»auto»
Источник: ru.stackoverflow.com
Как создать канал на YouTube на телефоне?
+7 903 542-29-83
-
Услуги: открыть хостинг, зарегистрировать доменное имя, создать сайт на cms WordPress на типовом шаблоне, установить обязательные плагины и типовые страницы. Без стоимости доменного имени и хостинга.
Исполнение за 12 часов.
Стоимость услуги от 6.500 рублей.
Тариф Консалтинг
-
Услуги: обучение работе в cms Вордпресс,
инструкция и консультации по cms WordPress. Подбор и установка шаблона внешнего вида. Регистрация сайта в поисковых системах и рейтингах, в соц.сетях.
Консультации: в течение 3 месяцев.
Стоимость услуги 15.000 рублей.
Тариф Высший пилотаж
-
Услуги: хостинг, доменное имя, сайт по техзаданию заказчика. Инструкция и консультации по cms WordPress. Шаблон, дизайн. Flash. SEO.
Интернет-магазин.
Исполнение: открытие сайта через 12 часов, полное оформление — по графику,
консультации — в течение 6 месяцев.
Стоимость услуги от 15.000 рублей.
Партнерская программа
Как поставить на свой сайт видео с Rutube
Опубликовал Василий Сенченко | Дата 26 августа, 2010
9 комментариев
По рекомендации моего друга DJ Джона Sivers, руководителя интернет-радио «Малдена» я посмотрел запись на Rutube «Первый снег». Её адрес
http://pressmia.ru/pressclub_simferopol/20150623/950207038.html
Это мне показалось близким по духу: радость маленькой панды Бао-Бао, и вечный вопрос — кто мы? Вот на примере этой видеозаписи мы и разберем, как установить видео на свой сайт.
Разместим видео с Rutube в этой статье, прямо здесь.
Входишь в rutube.ru по указанной выше ссылке.
Кликаешь на кнопку с надписью внизу под видео.
Открываешь чуть ниже вкладку «Настроить параметры плеера» и настраиваешь ширину и высоту плеера. При изменении одного параметра, второй изменяется автоматически. Выбранные параметры автоматически вставляются в код плеера.
В окошке «Код плеера» выделяешь длинный текст и копируешь.
Для ориентира: он начинается с
Вот какой код скопировал я из «Код плеера»:
Если ты наведешь курсор на эту табличку, код выделится, легко можешь скопировать и поставить для тренировки на свой сайт.
Открываешь запись на своем сайте.
Устанавливаешь курсор в нужное место записи.
Вставляешь скопированный код в нужное место твоей записи.
Сохраняешь и публикуешь свою запись.
Всё, готово, никакие настройки не требуются.
Смотрите запись, а заодно прочитайте мою статью дальше.
При необходимости в двух местах корректируешь ширину width=»500″ и высоту height=»281″ окна вывода видео. Соблюдай пропорцию между размерами 4:3.
Перед видео и после неё я поместил пустую строку для красоты. Если ты щелкнешь правой клавишей мыши где-нибудь на свободном месте страницы и откроешь Исходный код страницы, то ты увидишь, в каком месте торчат эти штучки.
Дополняешь видео твоими комментариями и другими прибамбасами. Весьма желательно указать название видео, автора и адрес страницы, откуда скопировал. Обрати внимание, желательно, чтобы код шел в одну строку непрерывно.
Если ты скопировал с другого окошка, то для сайта оно не подойдет.
Дорогой читатель, имей в виду, что все эти видео-ролики очень сильно замедляют загрузку сайта и вызывают недовольство посетителей.
Лучше дать ссылку на место, где хранится это видео, а в статье дать своё отношение к этой записи, краткую аннотацию и пару небольших рисунков-скриншотов (снимков с экрана). Пригласи посетителей высказать в комментариях своё мнение по поводу видео, организуй обсуждение, раскрути свой сайт.
Дорогой читатель, я приглашаю тебя воспользоваться такой уникальной возможностью и высказать своё заинтересованное личное мнение в комментариях. Не забудь хватануть звездочки рейтинга к статье, сколько хочешь.
Всего доброго!
Василий Сенченко, психолог и вебмастер
P.S. Инструкция по установке mp3 аудио-плеера переработана и обновлена 23.11.2012 г., статья заново переработана и 25.06.2015 г.
Благодарю за помощь в выявлении недочетов моих читателей:
Галину Божкову, Воронеж, «Бренд и имидж в интернете»
Галину Гашкову, Москва, Гомеопатический центр «Астериас»
Затвитить пост!
Источник: site12.ru
Как вставить видео с youtube на сайт
Зачастую такая простая операция как вставка видео с сайта youtube на свой сайт вызывает трудности. Связано это с тем, что большинство редактовро сайтов с использованием CMS вырезают тег iframe, через который можно добавить видео на сайт.
Даже, если вы настроили ваш редактор и тег iframe больше не вырезается, остается проблема адаптивности видео. Так, если использовать размер iframe предлагаемый сервисом Youtube, то при просмотре на мобильных устройствах ваш ролик, скорее всего будет обрезаться по ширине.
Избежать этих проблем и призван, созданный нами jQuery плагин SimpleYT.
Возможности плагина
1. Автоматическое определение ссылок на видео с сервиса Youtube. Вы можете просто вставить сгенерированную Youtube ссылку в ваш текст.
2. Настраиваемые селекторы для выбора видео. Вы можете указать класс блока или элемента, где находится ссылка на видео.
3. Обработка коротких (пример — https://youtu.be/qyLzu22baNY ) и длинных (пример — http://www.youtube.com/watch?v=qyLzu22baNY ) ссылок.
4. Возможность передать параметры проигрывателя в ссылке (пример — https://youtu.be/qyLzu22baNY?t=11s ). Подробнее о параметрах можно прочитать в статье «Параметры проигрывателя Youtube».
5. Адаптивный дизайн. Размер видео подстраивается под ширину экрана.
Установка
1. Подключаем плагин после подключения библиотеки jQuery
2. Активируем плагин добавив следующий код в тело вашей страницы, или добавив его в ваш скрипт файл:
С настройками по умолчанию:
jQuery(«body»).simpleYT();
С измененными настройками:
jQuery(«body»).simpleYT( ytselector:’a[href*=»youtube.com/watch»], span:contains(«youtu.be»), a[href*=»youtu.be»]’, // селектор поиска ссылок на видео
exclude:’.popup-youtube’, // исключение
lento:11, // длина id (по умолчанию ссылка имеет длину — 11 символов. Если вы используете ссылки с параметрами, впишите в данное поле — «»)
width:560, // ширина проигрывателя Youtube
height:316, //высота проигрывателя Youtube
maxwidth:560, // максимальная ширина блока, в который автоматически помещается iframe с видео
maxheight:316 // максимальная высота блока, в который автоматически помещается iframe с видео
>);
В нижеприведенном тексте все ссылки на видео будут показаны в проигрывателе, кроме первой, т.к. она имеет класс, который добавлен в исключение
Ваш очень инетересный текст.
YouTube video 1
Еще один не мене интеесный текст YouTube video 2
И еще один не мене интеесный текст YouTube video 3
И еще один не мене интеесный текст https://youtu.be/qyLzu22baNY
Источник: brooksite.ru