Вставка видео из Facebook

[quirischa]

Update от 9.06.2016:

Теперь код видео можно взять здесь:


* * *

Update от 19.04.2016:

Фейсбук поменял код вставки, но он тоже работает. Обратите внимание, что в коде видео уже установлены высота и ширина (width="560" height="315"), так что никаких дополнительных действий делать не нужно.

* * *

Для того, чтобы вставить видео из Фейсбука, нужно выполнить ряд простых действий:

1. Перейти на страницу с видео, например: www.facebook.com/capybarabook/videos/8124238021...

2. Нажать на ссылку "Embed video" (Вставить видео):



3. Скопировать предлагаемый код для вставки:



4. Открыть в Дневниках окно новой записи или комментария, вставить туда код:



5. Изменить размер окна видео: для этого добавить перед кодом вставки

, а после закрывающий тэг :

То есть, вот так:

<div style="width: 100px; height: 100px"> [код вставки] </div>

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



Также обратите внимание! Этот код изменения размеров можно оформить как отдельную кнопку на панели инструментов. Про то, как это делается, рассказывается здесь: diary-tips.diary.ru/p182299566.htm

6. Опубликовать!

7. ???

8. Profit!

запись создана: 22.08.2015 в 13:35

@темы: Вставка медиа-объектов, Вставка видео

Comments

[[ Ice Bird ]]

О, спасибо! *побежала вставлять*

[-Rita]

Спасибо!

[Тайя.]

Спасибо!

[*JT*]

О, надо же, а я размеры меняю прям на ю-тюбе, там есть такая функция Там под "Поделиться" - HTML-code - есть кнопочка "еще", где можно выбрать любой размер или забить свой
Я делаю неправильно?

[quirischa]

*JT*, всё правильно. Но в Фейсбуке такой кнопки с размерами нет, поэтому его приходится устанавливать отдельно

[*JT*]

quirischa, о, поняла)))

[Mr Mingan]

Только вот видео-пример уже недоступно для проигрывания.
Это их глюк или наш глюк?

[quirischa]

Mr Mingan, у меня видео в записи проигрывается нормально — как с компьютера, так и с телефона

[quirischa]

На всякий случай, с ютюба видео вставляется вот так:

[Mai Orange]

Дайте и мне погладить капибару Т_Т

[Желтая Маска]

Наконец-то! Спасибо

[Мурлыкающий Панда]

спасибо!!!!

[mamurljuk]

чот у меня косячит вставка... пишу один размер - выдает в два раза меньше, но с такими полями, что мама не горюй... вот тут видео должно быть 300х500, ну и без полей таких, естественно... Чего я не так сделала? и да, когда открываешь для редактирования запись - код видео меняется кардинально... приходится заново лезть на фейсбук и копировать код... или так у меня одной?

Спасибо .
Почесучи чудесны ))) .

[Желтая Маска]

mamurljuk, то же самое. А если устанавливать только ширину, то вообще не показывается.

[quirischa]

mamurljuk,

Чего я не так сделала?

Как я понял, вы пытаетесь видео с горизонтальной ориентацией поместить в прямоугольник, где высота 500 и ширина 300. В результате, у вас получается вот так:



Жирная линия + заливка - видео
Тонкая линия - указанные в коде "<div style="width:300px;height:500px;">"

[mamurljuk]

quirischa, упс... то есть я ширину с высотой перепутала, получается... спасибо, пошла исправлять)))

[Vinogradinka]

А с твиттера вставлять видео-фото как-то можно?

[happy geek]

а из tumblr?

[celupuh]

quirischa, не подскажете почему после вставки и изменения размера окна видео, внизу остаётся пустое поле и довольно приличное по высоте?

[quirischa]

celupuh, без конкретного примера бессмысленно строить какие-то предположения, но, вероятно, дело всё в том же:

Пишет  quirischa:

24.08.2015 в 04:26

mamurljuk,

Чего я не так сделала?

Как я понял, вы пытаетесь видео с горизонтальной ориентацией поместить в прямоугольник, где высота 500 и ширина 300. В результате, у вас получается вот так:



Жирная линия + заливка - видео
Тонкая линия - указанные в коде "<div style="width:300px;height:500px;">"

URL комментария

[celupuh]

quirischa, точно! с первого раза не доходит! Спасибо!

[Кеттарийская Чиффа]

А вот ни фига. Не могу я свое собственное видео с ФБ добавить. Дает он мне только ссыль (www.facebook.com/vera.a.belousova/videos/107208...)

[quirischa]

Кеттарийская Чиффа, раскройте, пожалуйста, видео для всех, потому что по вашей ссылке мне пишет: Sorry, this content isn't available at the moment, - т.е. даже ничего посмотреть невозможно. Или дайте ссылку на статус с опубликованным видео (конечно, статус тоже должен быть открыт для всех).

Если же брать то единственное видео, которое у вас доступно всем www.facebook.com/vera.a.belousova/videos, то для него есть всё необходимое для вставки кода:

[quirischa]

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

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fcapybarabook%2Fvideos%2Fvb.333558023407148%2F812423802187232%2F%3Ftype%3D3&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>



Обратите внимание, что в коде видео уже установлены высота и ширина (width="560" height="315"), так что никаких дополнительных действий делать не нужно.

[-Rita]

quirischa,
То есть теперь можно просто копировать код вставки нужного видео и всё?..

[quirischa]

-Rita, поскольку для примера из моего комментария выше я именно так и поступил, то — да

[Кеттарийская Чиффа]

quirischa, у того видео, о котором я спрашивала, так и нет кода вставки, не знаю почему) Оно не одиноко, есть еще одно такое же, невставляемое)) Видимо глюк Фейсбука
Но я залила видео на ютьюб и оттуда уже вставла.

[-Rita]

quirischa,
Спасибо!
А подскажите, пожалуйста, как из твиттера вставлять видео?..

[quirischa]

-Rita, никак: дело в том, что они предлагают код вставки только через джава-скрипты, а у нас на сайте их использование ограничено из соображений безопасности.

Для того, чтобы внедрить поддержку кодов вставки твиттера, нужно, как и в случае со вставкой фейсбука, провести определённую работу, однако сейчас у нас есть ряд более приоритетных задач. Когда-нибудь, вероятно, мы сделаем это, но пока рано называть какие-то сроки.