Как перетащить флешку к себе в журнал

Nov 10, 2016 15:07

В предыдущем выпуске рассматривали как позиционировать флеш на странице
- не там, куда его угораздит встать, а там где нам нужно; остановились на том,
что для размещения в ЖЖ код прописывается между тэгами .
Пора развить тему на предмет - где взять этот код или как его написать.

[Spoiler (click to open)]
С картинкой или видео все умеют управляться - меню по клику "копировать ссылку" и в визуальном
редакторе - "вставить URL". Увы, с флешкой это не прокатит.

Есть два простых способа получить ссылку на интересующий swf-файл:
напрямую из кодов или воспользоваться сторонним сервисом.
Напр. сайт save2go.ru - вытаскивает прямые ссылки медиа-файлов со страницы по указанному адресу.

Найти в источнике - не многим сложнее:



Правой кнопкой мышки вызываем меню -> "посмотреть код"(Хром) /"исследовать элемент"(ФФ, Яб) -> открываем консоль,
щелчок по левому уголку консоли и щелчок по нужному элементу -> получаем строку с искомым адресом.
Копируем.
- Важно, что бы ссылка была с расширением .swf - это флеш.
Путь к файлу может быть скрыт под скриптом (оканчивается на. js), это нам не годится;
поисковиком можно найти такой же ролик или открытку на более сговорчивых сайтах,
обычно их копируют сотни раз (если это не что-то авторское-коммерческое,
с которым лучше и не связываться.)

Пишем HTML-код для вставки

Адрес файла у нас есть, как его теперь пристроить на свою страницу?

Подобно
для изображений,
для медийного файла есть соответствующий тэг в котором адрес подгружаемого контента
тоже прописывается в атрибут src="" (от Source, источник)

Полностью:
-
type - сообщаете браузеру чтоб приготовился грузить флеш; и задаете размеры окошка под это дело.

Это в самом минималистичном варианте, дополнительные параметры могут быть весьма развесистыми
(некоторые способствуют стабильной работе, некоторые для наших целей вообще лишние).
И не забудьте обернуть в жежешный:

У меня на странице embed присутствует вот в такой комплектации:



Хотя и без дополнительной оснастки тоже работает.

Существует аналогичный embed-у тэг object, записывается похожим образом (и они взаимозаменяемы):

На сайтах, раздающих флеш-игрушки, встречается и так и так,
в жж проходят оба варианта.

Напр. - код "гадательного шара" внизу:



Бакграунд не обязательный. Если изощряться - можно задавать и позиционирование через параметры,

рамку отрисовать, скругление уголков и еще сотню характеристик расписать на пол-страницы. Жужа их все равно не прожевывает.
Для флеша с прозрачным фоном (как часики в предыдущем посте) следует добавить параметр:

но он тормозной, без cпециальной надобности лучше не пользоваться.

Упражнение для закрепления:

Попробуйте вытащить адреса флешек первым и вторым способом и вставить в запись с помощью тэгов embed и object:



оооооооооооооооооооооооооооооооооооооооооооооооооооооооо



Для самых искушенных - дополнительное: поменять фон часиков :)
(пользуясь материалами первой части)

Примечание -

исправлять настройки в коде флешки (передвигать, размер подгонять) можно сколько угодно, пока пост не отправлен.
Когда embed получит свой внутри-жжешный id= - исправить уже ничего не удастся. Если нужно отредактировать -
только снести всю флешку и вставить заново. А пользоваться предпросмотром можно свободно, не на что не влияет.

У ЖЖ особые отношения с параметром scale noScale, который запрещает масштабирование,
если его убрать - то подстроить нужный размер как хотелось бы - не даст lj-embed,
предустановленные настройки сжимают контент до небольшой превьюшки.

Код для вставки в профиль легко получить запостив флеш "под глазом", останется только перенести его в раздел "О себе".
Некоторые стили допускают НTML в сайдбаре (там, где есть поле для пользовательского текста), но не все.

А если у меня не видно флеш?

- Либо модуль АдобФлеш не установлен, отключен сознательно, либо браузер не дружит с флеш-плеером.
На последний случай есть подробные инструкции по настройке: для Виндовс и для Андроид.
Как вариант - излишне рьяная баннерорезка давит подгружаемый контент.


Спроси Шар

В предыдущих сериях:
★ Нарядим блог, как елочку
★ Как добавить к посту нижний колонтитул (отбивку между записями)
★ Новогодний спойлер. Конструктор спойлерных кнопок.
★ Как повесить на контрл-стрип то, что вы хотите, чтоб там висело

#4ca7fc, Мануалы, веб-штучки, игры_и_игрушки

Previous post Next post
Up