SITE SEARCH

Så här sätter du in en video i HTML

En webbplats på Internet är ett sätt att främjanågon form av tjänst eller sak. Men vad är webresursen utan medieinnehåll? Nästan varje sajt har videor som förklarar, lockar, intresse. Därför vill ägaren av webbresursen lära sig hur man sätter in videon i HTML.

hur man sätter in en video i html

Sätt att skapa webbplatser

Så, webbplatser är en möjlighet att presenterainformation interaktivt. Det är känt att Internet-resurser består av sidor som är sammankopplade med hyperlänkar. Hur kan jag skapa en egen hemsida?

  1. Använd bloggens teknik. Vad betyder detta? Registrera dig på webbplatsen och få ett domännamn på andra nivå. Tack vare detta tillfälle blir ägaren till förvaltningen av sin resurs och får tillgång till en särskild panel. Med hjälp av det kan du omvandla "barnet" till din smak.
  2. Använd de utvecklade många webbplatsdesignerna, som ucoz.ru, jimdo.com, setup.ru, Wix.com, A5.ru, Fo.ru, rusedu.net och så vidare.
  3. Utveckla en Internet-resurs via CMS, det vill säga ett webbplatshanteringssystem.
  4. Designa din egen design av "brainchild" och återskapa den med hjälp av HTML-programmeringsspråket.

Men idag är det nästan omöjligt att skapa en helt fungerande HTML-sida, men att veta detta språk, webbsidor kan anpassas, och strukturen kan ändras i färdiga mallar.

Komponenter av webbteknikdelen

Webteknologi är uppdelad i följande grundläggande komponenter:

  1. Olika i sina snälla datanätverk interagerar med varandra via TCP / IP-protokollet.
  2. Webben har blivit en av de internetapplikationer som är avsedda för massmediering av en mängd olika uppgifter.
  3. I webbteknik är databärare sidor som innehåller medieinnehåll (grafik, video, hyperlänkar), så du behöver veta hur du lägger in videon i HTML.
  4. För att överföra hypertextinformation använder webtekniken HTTP-protokollet.
  5. För att designa och skapa webbsidor används HTML-hypertextmarkup-språket.
  6. För att se resurser på Internet måste du använda webbläsaren.

Metod nr 1: Sätta in medieinnehåll (video) med HTML5-taggar

Det finns flera sätt att infoga videoklippinnehåll på en webbsida. Det finns tre alternativ: sätt in via HTML, spelare eller YouTube. Först måste du skapa en standard HTML5-fil som innehåller sidan stilar och flera undertexter. Efter förberedelse kan du välja en av metoderna och njuta av resultatet.

  1. Hitta den tredje titeln och skriv koden direkt under den:
    infoga videoklipp med html 5
  2. Öppna sidan i webbläsaren och se till att videon visas.
  3. Var noga med att ställa in sökvägen till klippet.
  4. Om du vill infoga en video i HTML var litterat måste du markera videobildkontrollpanelen. Kontrollparametern är ansvarig för detta.

Det bör noteras att en sådan metod inte är märkbarför alla. I Opera-webbläsaren kommer videoen som placeras på detta sätt inte att spelas upp. För att undvika denna situation måste du konvertera videon till Ogg Theora-typen, ändra koden.

Du kan konvertera filen via tjänsten online-convert.com. Då behöver du ändra koden till detta:

sätter in video i html

Om den gamla webbläsaren inte förstår en tagg kan koden se ut så här.

infoga videoklipp med html 5

Metod nummer 2. Så här sätter du in en video i HTML med spelaren

Du kan bädda in videoinnehåll i HTML utannågon för tidig uppladdning till videotjänsten. Så, du kan använda spelarens skript för att lägga den önskade filmen på en webbplats med förlängningen .mp4 eller .flv. Först och främst måste du välja själva filmen. Då måste du välja en av de många fria spelarna. Alternativt kan du använda Flowplayer.

  1. Du måste ladda ner filerna från den angivna spelaren till den lokala datorn.
  2. Unzip dem till en specifik mapp på webbplatsen som skapas.
  3. Öppna HTML-filen och anslut spelarens javascript-fil till den förberedda filen. För att göra detta måste du skriva en specialkod inuti HEAD-taggen. viktigt: Ange rätt väg till mappen!
    sätter in video via spelaren
  4. Du måste placera spelaren i en HTML-fil. Här måste du ställa in sökvägen till filerna korrekt. Det finns också inställningar som förbjuder att videon startas automatiskt. Om du vill att videon ska starta "automatisk", följ sökvägen till filen, ta bort kommatecken, stäng parentesen (runda) och sätt en semikolon.
    lägg till video till html

Den här metoden är ganska enkel och okomplicerad för att lägga till video i HTML. Förresten, detta alternativ används av många webprogrammerare.

Metod nummer 3. Infoga en video i HTML från Youtube

När den förberedande filen HTML5 har skapats kan du börja lägga in videoinnehåll från YouTube-tjänsten.

  1. För att starta måste du välja den video som kommer att finnas på sidan. Den ska lagras på den lokala datorn.
  2. Du måste gå till youtube.com. Du borde skapa ditt konto eller logga in på en befintlig.
  3. När du har loggat in på din sida i YouTube behöver du detklicka på "Lägg till video" -knappen och sedan visas ett fönster där du kommer att bli uppmanad att välja filen som ska laddas upp. Den valda videon kommer att hämtas efter ett tag.
  4. Du kan gå till länken till den nedladdade filen, som ligger längst upp.
  5. För att få koden att infoga en video behöver duklicka på "Dela" och "HTML-kod". Sidan kommer att mata ut programkoden som behövs. Här kan du ange sådana parametrar, till exempel: sekretessläge, videostorlek, möjlighet att visa liknande poster.
  6. Efter att ha satt parametrarna kopieras koden och klistras in i den förberedda HTML-filen.
  7. Allt är klart. Nu är det tydligt hur du sätter in en video i HTML från YouTube-tjänsten.

infoga video i html från YouTube

Så, flera sätt att infoga video i HTML övervägdes. Vilket alternativ att välja är att webbprogrammeraren eller webbplatsägaren ska bestämma.

</ p>
  • utvärdering: