Hur man använder YouTube, Vimeo och andra onlinetjänster för att vara värd för videor i Dreamweaver

Designers som precis har börjat använda Dreamweaver för att integrera multimedia i sina skapelser bör förenkla genom att använda en av de populära video-hosting-sajterna, som YouTube eller Vimeo. Dessa värdtjänster hanterar lagring, bandbredd, komprimering, formatering och leverans av videotillgångar till dina användare.

Allt du behöver göra är att ladda upp dina videofiler och sedan inkludera specialkod från den webbplatsen i HTML-koden på dina webbsidor. Videon spelas upp på dina sidor, även om den inte finns på din webbserver.

Om du designar en webbplats som innehåller video som är konfidentiell, känslig eller används för att uppfylla affärsmål, kommer du förmodligen att vara bäst betjänt av att använda ett innehållsleveransnätverk (CDN). Tjänster som BrightCove, Akamai och Amazon webbtjänster hanterar inte bara bandbredd och leverans utan erbjuder också möjligheten att omkoda dina videoklipp till rätt format så att de spelas sömlöst på en stationär dator, surfplatta och smartphone.

YouTube är ett bra alternativ om du vill att din video ska nå den bredaste publiken gratis, men du ger upp en del av dina rättigheter till din video i utbyte mot att den finns på webbplatsen. På samma sätt, när du lägger till en video på din webbplats från YouTube, har du fastnat för YouTube-spelaren, som inkluderar YouTube-logotypen, såväl som annonser som kan visas.

Se till att läsa igenom villkoren på alla videosajter du använder så att du till fullo förstår de rättigheter som du eventuellt ger bort och hur sajten kan komma att använda din video i framtiden.

Vimeo har vunnit lojaliteten hos ett ökande antal videoproffs eftersom det erbjuder en rimligt prissatt professionell servicenivå som gör det lättare att kontrollera rättigheterna till dina egna videor och erbjuder möjligheten att lägga till videor på dina sidor utan Vimeo-logotypen eller länkar till andra videor på webbplatsen.

Idag verkar YouTube och Vimeo erbjuda de bästa alternativen för de flesta små till medelstora webbplatser, men konkurrenter växer fram. Tjänsterna som dessa videoföretag erbjuder förändras hela tiden, så du kanske vill undersöka de bästa tjänsterna för dina behov innan du bestämmer dig för var du vill ha dina videor.

Fördelarna med att vara värd för video på en webbplats som YouTube eller Vimeo inkluderar följande:

  • Bättre videokomprimering: Både YouTube och Vimeo optimerar din video när du laddar upp den till deras servrar, och de gör ofta ett bättre jobb än du själv kunde.

  • Leverans av rätt version till varje besökare: YouTube upptäcker anslutningshastigheten och enheten för dina besökare och levererar video därefter. Om du besöker YouTube med en iPhone ser du videon i MP4-format. Se samma video med en dator och du ser Flash-versionen. På samma sätt, om du har en snabb 3G-anslutning, ser du en version med högre upplösning.

  • Bandbreddskostnadshantering: Dessa tjänster kan hjälpa dig att spara pengar. Om dina videor blir populära och du är värd för din egen video, kan du överskrida din webbvärds bandbreddsgränser och ta på dig ytterligare avgifter. Eftersom video använder mer bandbredd än andra typer av innehåll kan överskott bli dyrt. Att vara värd för din video på YouTube eller Vimeo innebär att du aldrig kommer att bli överraskad av extra bandbreddsavgifter för video.

Det är enkelt att vara värd för video på YouTube eller Vimeo. Så här fungerar det:

Skapa ett konto på webbplatsen genom att fylla i ett formulär (eller logga in på ditt konto om du redan har ett).

Om du vill använda tjänsterna på professionell nivå på Vimeo måste du också betala en avgift.

Ladda upp dina filer till webbplatsen via din webbläsare.

I denna process laddas videon upp och kodas, vilket kan ta några minuter beroende på webbplatsen och hur upptagen den är.

Följ webbplatsens instruktioner för att kopiera koden som behövs för att bädda in din video på din webbplats.

Till exempel, i YouTube, klicka på knappen Bädda in, som visar en dialogruta så att du kan styra hur videon visas för dina användare.

Hur man använder YouTube, Vimeo och andra onlinetjänster för att vara värd för videor i Dreamweaver

Öppna din webbsida i Dreamweaver. I HTML-koden på din sida klickar du där du vill att videon ska visas och klistra sedan in kodavsnittet.

Använd Dreamweavers Split-vy för att göra det enkelt att hitta rätt plats för att klistra in koden, och se till att du klistrar in koden i Dreamweaver i kodvyn, inte i designvyn.


Hur man tillämpar transparens på SVG:er

Hur man tillämpar transparens på SVG:er

Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.

Arbeta med bilder i Adobe XD

Arbeta med bilder i Adobe XD

När du har importerat dina bilder till Adobe XD har du inte så mycket redigeringskontroll, men du kan ändra storlek och rotera bilder precis som du skulle göra med vilken annan form som helst. Du kan också enkelt runda hörnen på en importerad bild med hjälp av hörnwidgetarna. Maskera dina bilder Genom att definiera en sluten form […]

Hur man justerar textegenskaper i Adobe XD

Hur man justerar textegenskaper i Adobe XD

När du har text i ditt Adobe XD-projekt kan du börja ändra textegenskaperna. Dessa egenskaper inkluderar teckensnittsfamilj, teckenstorlek, teckensnittsvikt, justering, teckenavstånd (kerning och spårning), linjeavstånd (ledande), fyllning, kant (linje), skugga (skugga) och bakgrundsoskärpa. Så låt oss se över hur dessa egenskaper tillämpas. Om läsbarhet och typsnitt […]

Arbeta med ritytor i Photoshop CC

Arbeta med ritytor i Photoshop CC

Precis som i Adobe Illustrator ger Photoshop-ritytor möjligheten att bygga separata sidor eller skärmar i ett dokument. Detta kan vara särskilt användbart om du bygger skärmar för en mobilapplikation eller liten broschyr. Du kan tänka på en rityta som en speciell typ av lagergrupp skapad med hjälp av panelen Lager. Det är […]

Former och polygoner i InDesign

Former och polygoner i InDesign

Många av verktygen du hittar i panelen InDesign Tools används för att rita linjer och former på en sida, så du har flera olika sätt att skapa intressanta ritningar för dina publikationer. Du kan skapa allt från grundläggande former till invecklade ritningar i InDesign, istället för att behöva använda ett ritprogram som […]

Radbryt text i Adobe Illustrator CC

Radbryt text i Adobe Illustrator CC

Att slå in text i Adobe Illustrator CC är inte riktigt detsamma som att slå in en present – ​​det är enklare! En textbrytning tvingar text att lindas runt en grafik, som visas i den här bilden. Den här funktionen kan lägga till lite kreativitet till alla delar. Grafiken tvingar texten att lindas runt den. Skapa först […]

Hur man ändrar storlek på former i Illustrator

Hur man ändrar storlek på former i Illustrator

När du designar i Adobe Illustrator CC behöver du ofta en form som har en exakt storlek (till exempel 2 x 3 tum). När du har skapat en form är det bästa sättet att ändra storlek på den till exakta mått att använda panelen Transform, som visas i den här bilden. Välj objektet och välj sedan Fönster→ Omvandla till […]

Hur man skapar QR-koder i InDesign CC

Hur man skapar QR-koder i InDesign CC

Du kan använda InDesign för att skapa och ändra QR-kodgrafik. QR-koder är en form av streckkod som kan lagra information som ord, siffror, webbadresser eller andra former av data. Användaren skannar QR-koden med hjälp av sin kamera och programvara på en enhet, till exempel en smartphone, och programvaran använder […]

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Det kan finnas en tid då du behöver ett nytt foto för att se gammalt ut. Photoshop CS6 har du täckt. Svartvit fotografering är ett nyare fenomen än man kan tro. Daguerreotyper och andra tidiga fotografier hade ofta en brunaktig eller blåaktig ton. Du kan skapa dina egna mästerverk i sepiaton. Tonade bilder kan skapa […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Med hjälp av Live Paint-funktionen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du skapa den bild du vill ha och fylla i regioner med färg. Live Paint-hinken upptäcker automatiskt områden som består av oberoende korsande vägar och fyller dem därefter. Färgen inom en viss region förblir levande och flyter automatiskt om någon […]