Део 3 о томе како да креирате позадински видео

01 од 05

Додавање видеа на Адобе Мусе

Позадински видео је лако додати у Мусе захваљујући бесплатном видгет-у.

Стварно занимљив аспект Адобе Мусеа је да вам омогућава креирање веб страница користећи сличан ток посла који се користи за постављање публикација. Не требају вам дубоко разумевање кода који прави страницу или страницу, али нећете повредити познавање ХТМЛ5, ЦСС-а и ЈаваСцрипт-а.

Иако се традиционални веб видео обично додаје коришћењем ХТМЛ5 Видео АПИ-ја, Адобе Мусе остварује исту ствар кроз оно што назива "видгет-ови". Видгети креирају ХТМЛ 5 потребан за одређене задатке, али користећи интерфејс са чистим језицима у Мусеу да напишу код када се страница објављује.

У овој вежби користићемо виџет који можете бесплатно преузети из музичких ресурса. Када се учитавање видгет-а све што треба да урадите је да отворите .зип датотеку и двапут кликните на .мулиб датотеку у фасцикли Фулл-Сцреен Видео. Ово ће га инсталирати у вашу копију Адобе Мусе.

02 од 05

Како припремити страницу за позадински видео у Адобе Мусе ЦЦ

Почињемо стварањем нове странице и постављањем димензија странице.

Уз инсталирану видгет, сада можете креирати страницу која ће користити видео.

Пре него што почнете, креирајте фасциклу за вашу Мусе локацију. Унутар тог фолдера креирајте други фолдер - користим " медиј " - и помјерите своје мп4 и вебм верзије видео записа у ту фасциклу.

Када покренете Мусе изаберите Филе> Нев Сите . Када се у дијалогу Лаиоут отвори Селецт Десктоп као Инитиал Лаиоут и промените вриједности висине страница и странице на 1200 и 900 . Кликните ОК .

Двапут кликните на Главну страницу у приказу План да бисте отворили главну страницу. Када се Мастер Паге отвори помакнете водиче заглавља и ноге на врх и дно странице. За овај пример заиста вам није потребан Хеадер и Фоотер.

03 од 05

Како користити видео визуелни видео позадинског екрана у Адобе Мусе ЦЦ

Све што треба да урадите је да додате имена видео записа и пустите да се виџета рукује осталим.

Коришћење видгет-а је једноставно мртво. Прва ствар коју треба да урадите је да се вратите у приказ планова тако што ћете изабрати Виев> План Моде . Када се плански приказ отвара, кликните на почетну страницу да бисте је отворили.

Отворите панел Библиотеке - ако није отворен на десној страни интерфејса изаберите Прозор> Библиотека - и окрените дугме [МР] Фуллсцреен Бацкгроунд Видео фолдер. Превуците виџет у фолдер на страницу.

Приметили сте да опције захтевају да унесете имена мп4 и вебм верзије видео записа. Унесите имена тачно онако како су наведена у фасцикли где сте их ставили. Један мали трик да бисте били сигурни да не направите грешку је да копирате име мп4 видео записа и залепите га у областима МП4 и ВЕБМ у менију Опције .

Један други трик: Сва ова виџета је да напишете ХТМЛ 5 код за вас. То можете рећи јер видите <> у виџету. У овом случају можете да ставите виџет са веб странице на карту и то ће и даље радити. Овим се не омета било који садржај који ћете ставити на страницу.

04 од 05

Како додати видео и тестирати страницу у Адобе Мусе ЦЦ

Тај видео се приказује када тестирате сајт или страницу.

Иако сте додали код који ће играти видео записе, Мусе још увек нема појма где се налазе ови видео снимци. Да бисте то поправили, изаберите Филе> Адд Филес Фор Уплоад . Када се отвори дијалог откажења, идите до фасцикле која садржи своје видео снимке, изаберите их и кликните на дугме Отвори . Да бисте били сигурни да су отпремљени, отворите панел за имовину и требате видети два ваша видео снимка. Само их остави у панелу. Не морају бити стављене на страницу.

Да бисте тестирали пројекат, изаберите Филе> Превиев Паге Ин Бровсер или, јер је ово једна страница, Филе> Превиев Сите у претраживачу . Ваш подразумевани прегледач ће се отворити, а видео - у мом случају тропске олује - почиње да се репродукује.

У овом тренутку, датотеку Мусе можете третирати као редовну веб страницу и додати садржај на почетну страницу и видео ће се играти испод ње.

05 од 05

Како Додати Видео Постер Фраме У Адобе Мусе ЦЦ

Увек додајте оквир за постере у било који видео пројект.

Ово је мрежа о којој овде говоримо и, у зависности од брзине везе, постоји велика шанса да ваш корисник може отворити страницу и гледати на празан екран док се видео учитава. Ово није добра ствар. Ево како се бавити овом маликом.

"Најбоља пракса" је да укључи оквир постера видеа који ће се појавити док се видео учита. Ово је обично снимак екрана у пуној величини фрејма из видео записа.

Да бисте додали оквир за постере кликните једном на претраживачу Попуните на врху странице. Кликните на линк за слику и идите до слике која ће се користити. У области Фиттинг , изаберите Сцале то Филл и кликните на тачку Центре у пољу Поситион . Ово ће осигурати да ће слика увек скалирати од центра слике када се величина приказа претраживача промени. Такође ћете видети слику попунити страницу.

Још један мали трик је да бар има чврсту, а не бијело-испуну боју само у случају да се постер оквир траје неко вријеме да се појави. Да бисте то урадили кликните на Цолор цхип да бисте отворили Мусе Цолор Пицкер. Изаберите алат за еиедроппер и кликните на доминантну боју на слици. Када завршите, кликните на страницу да бисте затворили дијалог Бровсер Филл.

У овом тренутку можете сачувати пројекат или га објавити.

Завршни део ове серије показује вам како написати ХТМЛ5 код који клизи видео у позадину веб странице.