Sådan integreres video i html

ThisTeaches dig, hvordan du indlejrer en YouTube-video på en hjemmeside ved at indsætte nogle kode i din HTML, plus, hvordan man manuelt indlejrer en .MP4, .ogg, Or .Webm video ved hjælp af HTML5

Trin

Metode 1 af 2:
Indlejring af en YouTube-video
  1. Billede med titlen Embed Video i HTML Trin 1
1. Find den video, du vil integrere på YouTube.com. Klik på videoens titel på YouTube for at åbne videoen for visning.
  • Du kan også bruge denne metode til mange andre videodelingswebsteder. Selvom navnene på hvert link kan være anderledes, vil du normalt være i stand til at finde en Indlejre eller Tilføj til webstedet link et sted nær den video, du vil medtage.
  • Billede med titlen Embed Video i HTML Trin 2
    2. Klik DEL. Det er lige under videoen (muligheden med en højrepegende pil). En liste over delingsmuligheder vises.
  • Billede med titlen Embed Video i HTML Trin 3
    3. Klik Indlejre. Det er det første ikon. Dette åbner et vindue, der indeholder nogle HTML-kode på sin øverste højre side.
  • Billede med titlen Embed Video i HTML Trin 4
    4. Vælg Embedding Valg til videoen.
  • Hvis du vil starte videoen på et bestemt tidspunkt, skal du vælge "Start på," Indtast derefter den tid, hvor du vil have det til at begynde (e.G., "1:44" at afspille videoen fra 1 minut og 44 sekunders mærke).
  • Marker feltet ud for "Vis afspillerkontrol" for at tillade seerne at justere lydstyrken, stop, Start og pause videoen.
  • Hvis du ikke vil have YouTube til at indsamle oplysninger om den person, der ser denne video, kan du tjekke "Aktiver privatlivets forbedret tilstand."
  • Billedet med titlen Embed Video i HTML Trin 5
    5. Klik KOPI. Dette kopierer indlejringskoden til dit udklipsholder.
  • Billede med titlen Embed Video i HTML Trin 6
    6. Åbn HTML-filen, du vil redigere. Hvis du bruger et online værktøj til at redigere dit websted, skal du gå til den del af værktøjet, der giver dig mulighed for direkte at redigere HTML-filen til den side, hvor videoen skal vises. Hvis du redigerer webstedet med hånden, skal du åbne den pågældende source-kode i din foretrukne tekstredigerer.
  • Billede med titlen Embed Video i HTML Trin 7
    7. Klik på den placering, hvor du vil indsætte videoen. Du kan indsætte videoen hvor som helst i din HTML-kode. Dette placerer markøren i den ønskede position.
  • Billedet med titlen Embed Video i HTML Trin 8
    8. Trykke ⌘ Command+V (Mac) eller Ctrl+V (PC) for at indsætte koden. Den kopierede kode fra YouTube vises nu i din HTML-fil.
  • Billedet med titlen Embed Video i HTML Trin 9
    9. Gem filen og offentliggør til dit websted. For at teste videoen skal du åbne den side, hvor du har indlejret den i en hvilken som helst webbrowser, og klik derefter på videoen for at begynde at afspille den.
    • Metode 2 af 2:
    Brug HTML5 videoelementet
    1. Billede med titlen Embed Video i HTML Trin 10
    1. Upload din video til din webserver. Denne metode er bedst egnet til dem, der ønsker at uploade deres videoer direkte til deres egne hjemmesider i stedet for til et delingssted som YouTube. Du kan også bruge denne metode, hvis du ikke vil bruge en "iframe" til at integrere din video.
    • Upload videoen som en MP4-fil for at sikre, at den er korrekt synlig på alle webbrowsere. Selvom videoelementet også understøtter WEBM og OGG-videofiler, vil de ikke blive spilbare i Safari.
    • Da de fleste browsere fjerner support til eksterne plugins, der bruger HTML`en tag, ved hjælp af
  • Billede med titlen Embed Video i HTML Trin 11
    2. Åbn HTML-filen, du vil redigere. Hvis du bruger et online værktøj til at redigere dit websted, skal du gå til den del af værktøjet, der giver dig mulighed for direkte at redigere HTML-filen til den side, hvor videoen skal vises. Hvis du redigerer webstedet med hånden, skal du åbne den pågældende source-kode i din foretrukne tekstredigerer.
  • Billedet med titlen Embed Video i HTML Trin 12
    3. Indtast koden for at indsætte videoen. Indtast denne kode i det nøjagtige sted, hvor du vil have videoen til at blive vist, foretage ændringer i filnavnet og størrelsen, så de passer til dine behov:
  • Erstatte wikihow.MP4 Med navnet på din videofil. Hvis videofilen er placeret et andet sted på internettet, skal du udskifte det med den fulde URL-vej til filen (E.G., "HTTPS: // da.maniqui-es.com / test.MP4 ").
  • Du kan erstatte de numeriske værdier for "Bredde" og "Højde" for at passe til din video størrelse.
  • Det Kontrol Mulighed sikrer, at folk, der ser videoen, kan pause, afspille, justere lydstyrken eller stoppe videoen, når det ønskes.
  • Billedet med titlen Embed Video i HTML Trin 13
    4. Gem filen og offentliggør til dit websted. For at teste videoen skal du åbne den side, hvor du har indlejret den i en hvilken som helst webbrowser, og klik derefter på videoen for at begynde at afspille den.

    • Video

    Ved at bruge denne service kan nogle oplysninger deles med YouTube.

    Tips

    Del på sociale netværk :
    Lignende