Hur bädda in video i html

Thistaaches du hur du bädde en YouTube-video på en webbplats genom att klistra in en kod i din HTML, plus hur man manuellt bädde till en .mp4, .Ogg, eller .WebM-video med hjälp av HTML5

Steg

Metod 1 av 2:
Bädda in en YouTube-video
  1. Bild med titeln Bädda in video i HTML-steg 1
1. Leta reda på den video du vill bädda in på YouTube.com. Klicka på videonens titel på YouTube för att öppna videon för visning.
  • Du kan också använda den här metoden för många andra videoklipp. Även om namnen på varje länk kan vara annorlunda, kommer du vanligtvis att kunna hitta en Bädda in eller Lägg till hemsidan Länk någonstans nära videon du vill inkludera.
  • Bild med titeln Bädda in video i HTML Steg 2
    2. Klick DELA MED SIG. Det är rätt under videon (alternativet med en rättpekande pil). En lista över delningsalternativ visas.
  • Bild med titeln Bädda in video i HTML Steg 3
    3. Klick Bädda in. Det är den första ikonen. Detta öppnar ett fönster som innehåller en html-kod på sin övre högra sida.
  • Bild med titeln Bädda in video i HTML-steg 4
    4. Välj inbäddningsalternativ för videon.
  • Om du vill starta videon vid en viss tid, välj "Start på," Ange sedan den tid du vill att den ska börja (e.g., "1:44" För att spela upp videon från 1 minut och 44 andra mark).
  • Markera rutan bredvid "Visa spelare kontroller" för att tillåta tittare att justera volymen, stoppa, starta och pausa videon.
  • Om du inte vill att YouTube ska samla in information om den person som tittar på den här videon kan du kontrollera "Aktivera sekretessförbättrat läge."
  • Bild med titeln Bädda in video i HTML-steg 5
    5. Klick KOPIERA. Detta kopierar inbäddningskoden till ditt urklipp.
  • Bild med titeln Bädda in video i HTML-steg 6
    6. Öppna den HTML-fil du vill redigera. Om du använder ett onlineverktyg för att redigera din webbplats, gå till den del av verktyget som låter dig direkt redigera HTML-filen för den sida där videon ska visas. Om du redigerar webbplatsen för hand, öppna den sidaens källkod i din föredragna textredigerare.
  • Bild med titeln Bädda in video i HTML-steg 7
    7. Klicka på den plats där du vill infoga videon. Du kan infoga videon var som helst i din HTML-kod. Detta placerar markören vid önskad position.
  • Bild med titeln Bädda in video i HTML-steg 8
    8. Tryck ⌘ Kommando+V (Mac) eller Ctrl+V (PC) för att klistra in koden. Den kopierade koden från YouTube visas nu i din HTML-fil.
  • Bild med titeln Bädda in video i HTML Steg 9
    9. Spara filen och publicera till din webbplats. För att testa videon, öppna sidan där du har inbäddat den i någon webbläsare och klicka sedan på videon för att börja spela den.
    • Metod 2 av 2:
    Använda HTML5-videoelementet
    1. Bild med titeln Bädda in video i HTML-steg 10
    1. Ladda upp din video till din webbserver. Denna metod passar bäst för dem som vill ladda upp sina videoklipp direkt till sina egna webbplatser snarare än till en delningssida som YouTube. Du kan också använda den här metoden om du inte vill använda en "iframe" för att bädda in din video.
    • Ladda upp videon som en MP4-fil för att försäkra den ordentligt på alla webbläsare. Även om videoelementet stöder också WebM och OGG-videofiler, kommer de inte att kunna spelas i Safari.
    • Eftersom de flesta webbläsare tar bort stöd för externa plugins som använder HTML tagg, med hjälp av
  • Bild med titeln Bädda in video i HTML-steg 11
    2. Öppna den HTML-fil du vill redigera. Om du använder ett onlineverktyg för att redigera din webbplats, gå till den del av verktyget som låter dig direkt redigera HTML-filen för den sida där videon ska visas. Om du redigerar webbplatsen för hand, öppna den sidaens källkod i din föredragna textredigerare.
  • Bild med titeln Bädda in video i HTML-steg 12
    3. Ange koden för att infoga videon. Ange den här koden i den exakta platsen där du vill att videon ska visas, vilket gör ändringar i filnamnet och storleken som passar dina behov:
  • Byta ut wikiHow.mp4 Med namnet på din videofil. Om videofilen är placerad någon annanstans på webben, byt ut den med hela URL-sökvägen till filen (e.g., "Https: // shv.maniqui-es.com / test.mp4 ").
  • Du kan ersätta de numeriska värdena för "Bredd" och "Höjd" för att passa storleken på din video.
  • De kontroller Alternativet säkerställer att personer som tittar på videon kan pausa, spela, justera volymen eller stoppa videon när den önskas.
  • Bild med titeln Bädda in video i HTML-steg 13
    4. Spara filen och publicera till din webbplats. För att testa videon, öppna sidan där du har inbäddat den i någon webbläsare och klicka sedan på videon för att börja spela den.

    • Video

    Genom att använda den här tjänsten kan viss information delas med YouTube.

    Tips

    Dela på det sociala nätverket:
    Liknande