Sådan bruger du YouTube, Vimeo og andre onlinetjenester til at hoste videoer i Dreamweaver

Designere, der lige er begyndt at bruge Dreamweaver til at integrere multimedier i deres kreationer, bør forenkle dem ved at bruge en af ​​de populære video-hosting-websteder, såsom YouTube eller Vimeo. Disse hostingtjenester håndterer lagring, båndbredde, komprimering, formatering og levering af videoaktiver til dine brugere.

Alt du skal gøre er at uploade dine videofiler og derefter inkludere speciel kode fra det pågældende websted i HTML-koden på dine websider. Videoen afspilles på dine sider, selvom den ikke er hostet på din webserver.

Hvis du designer et websted, der indeholder video, der er fortrolig, følsom eller bruges til at opfylde forretningsmål, vil du sandsynligvis være bedst tjent med at bruge et indholdsleveringsnetværk (CDN). Tjenester såsom BrightCove, Akamai og Amazon webtjenester håndterer ikke kun båndbredde og levering, men tilbyder også muligheden for at omkode dine videoklip til det korrekte format, så de afspilles problemfrit på en desktop, tablet og smartphone.

YouTube er en god mulighed, hvis du vil have din video til at nå det bredeste publikum gratis, men du giver afkald på nogle af dine rettigheder til din video til gengæld for at have den hostet på webstedet. På samme måde, når du tilføjer en video til dit websted fra YouTube, sidder du fast med YouTube-afspilleren, som inkluderer YouTube-logoet samt annoncer, der kan blive vist.

Sørg for at læse vilkårene og betingelserne på ethvert videowebsted, du bruger, igennem, så du fuldt ud forstår de rettigheder, du muligvis giver væk, og hvordan webstedet kan bruge din video i fremtiden.

Vimeo har vundet loyaliteten hos et stigende antal videoprofessionelle, fordi det tilbyder et rimeligt prissat professionelt serviceniveau, der gør det nemmere at kontrollere rettighederne til dine egne videoer og giver mulighed for at tilføje videoer til dine sider uden Vimeo-logoet eller links til andre videoer på siden.

I dag ser YouTube og Vimeo ud til at tilbyde de bedste muligheder for de fleste små til mellemstore websteder, men konkurrenter er ved at dukke op. De tjenester, som disse videoselskaber tilbyder, bliver ved med at ændre sig, så du vil måske undersøge de bedste tjenester til dine behov, før du beslutter dig for, hvor du vil hoste dine videoer.

Fordelene ved at hoste video på et websted som YouTube eller Vimeo omfatter følgende:

  • Bedre videokomprimering: Både YouTube og Vimeo optimerer din video, når du uploader den til deres servere, og de får ofte et bedre job, end du selv kunne.

  • Levering af den rigtige version til hver besøgende: YouTube registrerer dine besøgendes forbindelseshastighed og enhed og leverer video i overensstemmelse hermed. Besøger du YouTube med en iPhone, ser du videoen i MP4-format. Se den samme video med en computer, og du ser Flash-versionen. På samme måde, hvis du har en hurtig 3G-forbindelse, ser du en version med højere opløsning.

  • Båndbreddeomkostningsstyring: Disse tjenester kan hjælpe dig med at spare penge. Hvis dine videoer bliver populære, og du hoster din egen video, kan du overskride din webhosts båndbreddegrænser og pådrage dig yderligere gebyrer. Fordi video bruger mere båndbredde end andre typer indhold, kan overskud blive dyrt. At være vært for din video på YouTube eller Vimeo betyder, at du aldrig vil blive overrasket over ekstra båndbreddegebyrer for video.

Hosting af video på YouTube eller Vimeo er nemt. Sådan fungerer det:

Opret en konto på siden ved at udfylde en formular (eller log på din konto, hvis du allerede har en).

Hvis du vil bruge tjenesterne på professionelt niveau på Vimeo, skal du også betale et gebyr.

Upload dine filer til webstedet via din webbrowser.

I denne proces uploades og kodes videoen, hvilket kan tage et par minutter afhængigt af webstedet og hvor travlt det er.

Følg webstedets instruktioner for at kopiere den nødvendige kode for at indlejre din video på dit websted.

I YouTube skal du for eksempel klikke på knappen Integrer, som viser en dialogboks, så du kan kontrollere, hvordan videoen vises for dine brugere.

Sådan bruger du YouTube, Vimeo og andre onlinetjenester til at hoste videoer i Dreamweaver

Åbn din webside i Dreamweaver. I HTML-koden på din side skal du klikke på det sted, hvor videoen skal vises, og derefter indsætte kodestykket.

Brug Dreamweavers Split-visning for at gøre det nemt at finde det rigtige sted at indsætte koden, og sørg for, at du indsætter koden i Dreamweaver i kodevisning, ikke i designvisning.


Sådan anvender du gennemsigtighed på SVGer

Sådan anvender du gennemsigtighed på SVGer

Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.

Arbejde med billeder i Adobe XD

Arbejde med billeder i Adobe XD

Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]

Sådan justeres tekstegenskaber i Adobe XD

Sådan justeres tekstegenskaber i Adobe XD

Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]

Arbejde med tegnebrætter i Photoshop CC

Arbejde med tegnebrætter i Photoshop CC

Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]

Former og polygoner i InDesign

Former og polygoner i InDesign

Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]

Ombryd tekst i Adobe Illustrator CC

Ombryd tekst i Adobe Illustrator CC

Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]

Sådan ændrer du størrelsen på figurer i Illustrator

Sådan ændrer du størrelsen på figurer i Illustrator

Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]

Sådan opretter du QR-koder i InDesign CC

Sådan opretter du QR-koder i InDesign CC

Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Sådan får du et nyt billede til at se gammelt ud i Photoshop CS6

Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]