Вставка видео с других сайтов

[Diary Spirit]

Мы добавили возможность вставки видеороликов с известных видеохостингов с помощью кода в конструкции ..., сохранив и существовавшую до сегодняшнего дня вставку html-кода роликов вида [неверный медиа объект]. Таким образом, в дневниках будут работать оба кода, вставленные в html-редакторе в новую запись, комментарий, эпиграф, профиль или письмо u-mail.

Код видео в "iframe" сейчас уже можно вставлять с сайтов:
youtube.com
vk.com
video.yandex.ru
vimeo.com
dailymotion.com
livestream.com
twitvid.com
megogo.net
mixcloud.com
facebook

Код в "iframe", для примера, имеет такой вид:

[iframe w=560 h=315]https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ftvrain%2Fvideos%2F10153874642648800%2F&show_text=0&width=560[/iframe]

У нас код видеохостинга будет преобразован в свой внутренний вид. Использовать в "iframe" произвольный код и вставлять видео с сайтов не из этого списка по-прежнему нельзя по соображениям безопасности.

Некоторые популярные видеохостинги, например:
rutube.ru
smotri.com
video.mail.ru
myspace.com
выдают только использовавшийся и ранее html-код, поэтому их нет в списке выше. Его вставка описана тут.

Вы так же можете вставлять видео из instagram и twitter

Comments

[нос]

Sammy19, было нельзя, теперь можно:

1. Открыть пост с видео - twitter.com/AwardsDarwin/status/737637446968614...
2. Кликнуть три точки под видео, выбрать "Встроить видео"
3. Скопировать код
4. Вставить его в комментарий или новую запись в HTML-редакторе Дневников

Why you shouldn't drink while operating heavy machinery. pic.twitter.com/CW0vPW5q2n

— The Darwin Awards (@AwardsDarwin) 31 мая 2016 г.

[quirischa]

Чтобы поменять размер видео (по умолчанию видео разворачивается на всю ширину страницы), нужно воспользоваться кодом:

<div style="width: 100px; height: 100px">[сюда вставить код, который даёт твиттер]</div>

Можно менять или только ширину видео (width), или только высоту (height), или оба параметра вместе (но если соотношение указанных параметров не будет равняться соотношению сторон видео, то будет добавлено пустое место; например, видео имеет размеры 800х600, а вы указываете "width: 500px; height: 500px", в результате видео будет вписано в квадрат 500х500, размеры видео при этом будут 500х375, 125 точек [500-375] будет занято ничем).

<div style="width: 500px"><blockquote class="twitter-video" data-lang="sr"><p lang="ja" dir="ltr">ドジョウ待機の、ユウ老師。 <a href="https://t.co/P7RMw7GScj">pic.twitter.com/P7RMw7GScj</a></p>— Tanisige (@TTanisige) <a href="https://twitter.com/TTanisige/status/736738912211591168">29 май 2016.</a></blockquote>
<sсript async src="//platform.twitter.com/widgets.js" charset="utf-8"></sсriрt></div>

ドジョウ待機の、ユウ老師。 pic.twitter.com/P7RMw7GScj

— Tanisige (@TTanisige) 29 май 2016.

[Sammy19]

quirischa, огромное спасибо а подробное объяснение! вы мне очень помогли!

[celupuh]

quirischa, при вставке видео из твиттера, когда изменяешь размер с помощью тега div, видео "съезжает" на текст/картинки, если в посте они имеюцца (в смысле кроме видео) или вообще за пределы поста... это можно как-то исправить? не подскажете? (у меня гугл хром)

[quirischa]

celupuh, без конкретного примера кода, разумеется, невозможно ничего подсказать. Вот у меня такое же видео, а ничего никуда не съезжает:

ウソちゃんターン！ #ユーラシアカワウソ #Zoobotánicojerez pic.twitter.com/q23Icc59EN

— しきぶ (@shikibu56) 11 июня 2016 г.

[celupuh]

quirischa,

Here's another one from yesterday - riding #SalvadoraDalí in the lightning & thunder. #QuarterHorse pic.twitter.com/5FVfG8Ki4M

— Brent Corrigan (@BrentCorrigan) 12 июня 2016 г.

вот например..

[quirischa]

celupuh, на первый взгляд всё в порядке:



Куда смотреть?

[celupuh]

quirischa, вы видите фразу "вот например" ? я её напечатала под вставкой видео
а вот так у меня в дневнике ...видео съехало на теги

[quirischa]

celupuh, ага, вижу

Похоже, дело в том, что как-то неправильно обрабатывается ограничение высоты.

Надо пользоваться не таким кодом
<div style="width: 100px; height: 100px">
а таким:
<div style="width: 100px">

Попробуйте в вашей записи поменять не высоту и ширину видео, а только ширину. Тогда нормально станет?

[celupuh]

quirischa, вроде получилось :-) спасибо большое!

[quirischa]

celupuh, вам спасибо, что обратили на это внимание

[celupuh]

quirischa, а у меня еще вопросик :-) две видюшки, как у меня в том же посте, можно разместить рядышком, а не друг под другом?

[quirischa]

celupuh, поиграйтесь с таблицей:

<table width="600px;">
<tr>
<td> [код видео 1] </td>
<td> [код видео 2] </td>
</tr>
</table>

Только тогда ширину таблицы подберите так, чтобы видео друг на друга не налезали, если что.

[celupuh]

quirischa, попробую. спасибо!

[celupuh]

quirischa, Получилось! Ура!!! Спасибо ещё раз!

[lilith20godrich]

Я понимаю что тема старая, но как все же теперь вставлять видео с ютуба? Почему то в комментариях работает, а в заглавном посте нет.

[quirischa]

lilith20godrich,

в заглавном посте нет

Вставляйте код видео не в визуальном редакторе, а в обычном, должно сработать

[~Морфея~]

quirischa, Подскажите пожалуйста, как вставить видео из вк... Вставляю с помощью родного Кода для вставки - пустое место...

Переделываю на то, что дается в посте - тоже...
Само видео:

[iframe w=853 h=480]http://vk.com/video_ext.php?oid=-113076019&id=456245015&hash=8ae32a8755d8be18&hd=2[/iframe]

А еще, когда в посте нажимаю на смену на визуальный редактор, он почему-то перенаправляет меня вот на эту страницу Оо Что не так?

[quirischa]

~Морфея~, дело вот в чём: вы используете защищённое соединение с сайтом (https), но код, который вставляете, использует префикс http. То есть, на защищенную страницу вставляется видео, которое не защищено, поэтому браузер его не показывает.

Для решения сделайте так: откройте запись (или комментарий) для редактирования, найдите там фрагмент "http://vk.com" и поменяйте его на "https://vk.com"

[~Морфея~]

quirischa, гениально! полечилось, спасибо большое!

[I NADEJDA]

Простите, пожалуйста, а кроме списка сайтов из поста можно как-то сделать, чтобы вставилось отсюда mars.nasa.gov/participate/send-your-name/mars20...
Пока что у меня не получается этот код даже сюда принести для примера
Спасибо.