• ↓
  • ↑
  • ⇑
 
Записи с темой: вставка видео (список заголовков)
15:40 

01.06.2016 в 00:31
Пишет нос:

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

1. Открыть пост с видео
2. Кликнуть три точки под видео, выбрать "Встроить видео"
3. Скопировать код:

<blockquote class="twitter-video" data-lang="ru"><p lang="en" dir="ltr">Why you shouldn&#39;t drink while operating heavy machinery. <a href="https://t.co/CW0vPW5q2n">pic.twitter.com/CW0vPW5q2n</a></p>&mdash; The Darwin Awards (@AwardsDarwin) <a href="https://twitter.com/AwardsDarwin/status/737637446968614912">31 мая 2016 г.</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Вставить его в комментарий или новую запись дневника в HTML-редакторе



5. Изменить размер окна видео: для этого добавить перед кодом вставки <div style="width:100px;height:100px;">, а после закрывающий тэг </div>:

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


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

Также обратите внимание! Этот код изменения размеров можно оформить как отдельную кнопку на панели инструментов. Про то, как это делается, рассказывается здесь.

URL записи

@темы: Вставка видео

11:21 

Вставка видео из 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. Скопировать предлагаемый код для вставки:



читать дальше
запись создана: 22.08.2015 в 13:35

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

22:49 

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

quirischa
администратор
(с капибарой на аватарке)
Привет.

В этой записи я хочу сказать, что мы добавили вставку видео с фейсбука (там используется код iframe):


(Код вставлять в обычном редакторе, не в визуальном)

Результат, например, вот:




* * *


Также напоминаю, что вставить видео с ютюба в коде iframe тоже можно, придерживаясь следующей инструкции:



У меня всё. Удачного видео-улова! :)

@темы: Вставка видео

11:36 

Embedding #2

D Ash
Embrace your dreams and prove your honor...
Существенное упрощение идеи, предложенной здесь. Написал вариант флэшки, в которую можно передавать адрес страницы, которую необходимо загрузить. Итак, если вы хотите встроить какую-либо страницу в пост дайри, используйте следующий код:


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="yourWIDTH" height="yourHEIGHT"> <param name="movie" value="http://dl.dropbox.com/u/10130237/flashRedirect.swf" ></param> <param name="wmode" value="transparent"></param> <param name="flashvars" value="pageHref=yourPAGE"> <embed src="http://dl.dropbox.com/u/10130237/flashRedirect.swf" type="application/x-shockwave-flash" wmode="transparent" width="yourWIDTH" height="yourHEIGHT" AllowScriptAccess="never" flashvars="pageHref=yourPAGE"></embed> </object>


В коде yourWIDTH замените на желаемую ширину блока, yourHEIGHT на высоту и yourPAGE непосредственно на ссылку на страницу. Ссылка должна быть валидной.

Внимание! Перед тем, как вставлять ссылку, убедитесь, что она валидная. Идеально - воспользуйтесь методом, указанном здесь. Закиньте вашу ссылку в поиск и возьмите в полученном запросе всё, что после ?q=. Вот это значение и вставляйте.

@темы: Эпиграф, Редактирование записи, Оформление дневника, Новая запись, Дневник, Вставка музыки, Вставка медиа-объектов, Вставка видео

00:14 

YouTube + fullscreen

D Ash
Embrace your dreams and prove your honor...
Т.е. как сделать, чтобы выложенное видео можно было разворачивать на полный экран. Но скажу сразу, здесь надо постараться.




Итак, нам понадобится Dropbox... и Flash, да.


  1. Установите Dropbox, зарегестрируйтесь в системе.

  2. Создайте текстовый файл, назовите его, измените разрешение на html (например: ffv13.html).

  3. Откройте его в текстовом редакторе, вставьте следующий код:
    <html>
    <head>
    <style>
    body {
         padding:0px;
         margin:0px;
    }
    </style>
    </head>
    <body>
     YOUTUBE
    </body>
    </html>

  4. Замените в коде YOUTUBE на код вложения вашего видео (тот, что получаете на самом youtube'е или в аналогичном сервисе). Сохраните его.

  5. Скопируйте ваш .html файл в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки), подождите, пока он закачается, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link.

  6. Используя этот гайд создайте флэшку, указывающую на ваш html, и вложите её в пост. При указании высоты и ширины объекта пользуйтесь значениями, которые вам дал youtube.

  7. Готово. Поздравляю, вы только что опубликовали видео, которое можно смотреть в режиме полного экрана.




Вопрос: Мануал писать?
1. Да.  64  (84.21%)
2. Нет.  12  (15.79%)
Всего: 76

@темы: Вставка видео, Вставка медиа-объектов, Вставка музыки, Новая запись

13:55 

Embedding

D Ash
Embrace your dreams and prove your honor...
Нашёл способ вкладывать в посты не только флэшки, но и непосредственно страницы. Скажем, можно в эпиграф встроить Google Translate или ленту избранного. Или форму добавления новой записи. Или какую-нибудь свою страницу. Что угодно, в общем.




Итак, начнём. Во-первых - это не совсем просто. Нет, не сложно, но нужно какое-то время, чтобы разобраться, особенно если с кодингом вы не знакомы. Во-вторых. Что потребуется. А потребуется Flash. Подойдёт и какая-нибудь старая версия (скажем, Flash MX2004), но даже оно весит 60 mb, а это надо качать, устанавливать и т.п., чем заниматься захочет далеко не каждый, разумеется. Стоит ли оно потраченных времени и сил? Вам решать. А я просто подробно распишу, что и как делать.

  1. Установите Dropbox, зарегестрируйтесь в системе. Почему именно Dropbox? Потому, что он даёт прямые ссылки на файлы. К тому же, очень удобный и не нервирует рекламой.

  2. Если хотите вложить какой-то свой файл (html страницу), скопируйте его в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки), подождите, пока он закачается, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link.

  3. Установите Flash. Как я и сказал, подойдёт почти любая версия. Почти - т.к. не тестил с более ранними, чем MX2004 (т.е. со студиями, где использовался старый ActionScript 1.0 (в сравнении с AS2 и AS3 в последующих)), возможно, там чуть-чуть другой синтаксис (хотя, насколько я помню, нужный нам оператор тот же). Но от флэша нам понадобится всего одна строка кода, так что и это не суть важно. Этот пример создан в Adobe Flash CS4.

  4. Создайте новый документ типа Flash Document (если у вас поздняя версяя студии (с поддержкой AS3), выберите Flash File (ActionScript 2.0), нам его вполне хватит).

  5. Откройте окно Modify -> Document, измените значения в полях Dimensions на 1 px - визуальная составляющая нам не понадобится.

  6. Откройте окно Window -> Actions, выберите Layer 1 : Frame 1 в меню слева.

  7. В правой части окна впишите:
    getURL('http://www.google.com/','_self');

    Вместо ссылки на гугл здесь должна быть страница, которую вы хотите вложить. Если это предварительно закинутый на Dropbox файл - вставьте ссылку на него (как её получить описано в пункте 2). Важно! Ссылка должна быть полной, т.е. начинаться с http://.

  8. Закройте Actions, выберите File -> Export -> Export Movie, сохраните полученную флэшку в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки). Если при сохранении программа предложит какие-то вариации, можете оставить всё по умолчанию и проследовать далее. После сохранения, подождите, пока файл закачается на сервер, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link. Откройте блокнот и вставьте ссылку туда, чтобы не потерять.

  9. Теперь можете переходить непосредственно к редактированию поста. Вставьте следующий код:

    <div align="center">
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="YourWidth" height="YourHeight">
        <param name="movie" value="YourSwf" ></param>
        <param name="wmode" value="transparent"></param><param name="allowScriptAccess" value="never">
        <embed src="YourSwf" type="application/x-shockwave-flash" wmode="transparent" width="YourWidth" height="YourHeight" AllowScriptAccess="never"></embed>
      </object>
    </div>

  10. Замените оба YourWidth на желаемую ширину окна, оба YourHeight на желаемую высоту окна и оба YourSwf на ссылку, которую вы сохранили в пункте 8.

  11. Можете наслаждаться результатом. ^_^
    А пример, который делал я, чуть ниже.



запись создана: 11.02.2011 в 08:54

Вопрос: Мануал писать?
1. Да.  314  (96.62%)
2. Нет.  11  (3.38%)
Всего: 325

@темы: Эпиграф, Редактирование записи, Оформление дневника, Новая запись, Дневник, Вставка музыки, Вставка медиа-объектов, Вставка видео

07:07 

Вставка видео с youtube

администратор
(с капибарой на аватарке)
UPD от 12.05.2012:
Следуюющая информация уже не важна, потому что мы теперь поддерживаем вставку видео с youtube в формате iframe.

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


читать дальше
запись создана: 19.01.2011 в 10:20

@темы: Вставка видео

@Дневники: секреты, тонкости и хитрости

главная