Hoe video in te sluiten in html

ThisTeaches Je hoeft een YouTube-video in te sluiten op een website door een code in je HTML te plakken, plus hoe je handmatig een .MP4, .ogg, of .WebM-video met behulp van de HTML5

Stappen

Methode 1 van 2:
Een YouTube-video insluiten
  1. Afbeelding met de titel Video insluiten in HTML Stap 1
1. Zoek de video die u wilt insluiten op YouTube.com. Klik op de titel van de video op YouTube om de video te openen voor het bekijken.
  • U kunt deze methode ook gebruiken voor vele websites voor video`s delen. Hoewel de namen van elke link anders kunnen zijn, kun je meestal een vinden Integreren of Toevoegen aan website Link ergens in de buurt van de video die u wilt opnemen.
  • Titel afbeelding Embed video in HTML Stap 2
    2. Klik DELEN. Het is gelijk onder de video (de optie met een rechtpointing pijl). Er verschijnt een lijst met delen van delen.
  • Afbeelding met de titel Video insluiten in HTML Stap 3
    3. Klik Integreren. Het is het eerste pictogram. Dit opent een venster met een HTML-code aan de rechterbovenhoek.
  • Titel afbeelding Embed video in HTML Stap 4
    4. Selecteer Emembedding-opties voor de video.
  • Als u de video op een specifieke tijd wilt starten, selecteert u "Start bij," Voer vervolgens de tijd in waar je het wilt beginnen (e.g., "1:44" om de video af te spelen vanaf het merk van 1 minuut en 44 seconden).
  • Vink het vakje aan naast "Toonspelerbesturingselementen" om kijkers het volume aan te passen, te stoppen, te starten en de video te pauzeren.
  • Als u niet wilt dat YouTube informatie verzamelt over de persoon die deze video bekijken, kunt u "Privacy-Enhanced-modus inschakelen."
  • Titel afbeelding Embed video in HTML Stap 5
    5. Klik KOPIËREN. Dit kopieert de embeddingcode naar uw klembord.
  • Titel afbeelding Embed video in HTML Stap 6
    6. Open het HTML-bestand dat u wilt bewerken. Als u een online tool gebruikt om uw website te bewerken, gaat u naar het gedeelte van de tool waarmee u het HTML-bestand rechtstreeks kunt bewerken voor de pagina waar de video zou moeten verschijnen. Als u de site met de hand bewerkt, opent u de broncode van die pagina in uw favoriete teksteditor.
  • Titel afbeelding Embed video in HTML Stap 7
    7. Klik op de locatie waar u de video wilt invoegen. U kunt de video overal in uw HTML-code invoegen. Dit plaatst de cursor op de gewenste positie.
  • Titel afbeelding Embed video in HTML Stap 8
    8. druk op ⌘ Commando+V (Mac) of Ctrl+V (Pc) om de code te plakken. De gekopieerde code van YouTube verschijnt nu in uw HTML-bestand.
  • Titel afbeelding Embed video in HTML Stap 9
    9. Sla het bestand op en publiceer op uw website. Als u de video wilt testen, opent u de pagina waar u deze in een webbrowser hebt ingesloten en klik vervolgens op de video om het te spelen.
    • Methode 2 van 2:
    Het HTML5-videodement gebruiken
    1. Titel afbeelding Embed video in HTML Stap 10
    1. Upload uw video naar uw webserver. Deze methode is het meest geschikt voor diegenen die hun video`s rechtstreeks naar hun eigen websites willen uploaden in plaats van naar een delen van site zoals YouTube. U kunt deze methode ook gebruiken als u geen "iframe" wilt gebruiken om uw video in te sluiten.
    • Upload de video als een MP4-bestand om te verzekeren dat het correct zichtbaar is op alle webbrowsers. Hoewel het videodelement ook WebM- en OGG-videobestanden ondersteunt, worden ze niet afgespeeld in Safari.
    • Aangezien de meeste browsers ondersteuning voor externe plug-ins verwijderen die de HTML gebruiken tag, met behulp van de
  • Titel afbeelding Embed video in HTML Stap 11
    2. Open het HTML-bestand dat u wilt bewerken. Als u een online tool gebruikt om uw website te bewerken, gaat u naar het gedeelte van de tool waarmee u het HTML-bestand rechtstreeks kunt bewerken voor de pagina waar de video zou moeten verschijnen. Als u de site met de hand bewerkt, opent u de broncode van die pagina in uw favoriete teksteditor.
  • Afbeelding met de titel Video insluiten in HTML Stap 12
    3. Voer de code in om de video in te voegen. Voer deze code in op de exacte locatie waar u wilt dat de video verschijnt, wijzigingen in de bestandsnaam en de grootte aan uw behoeften:
  • Vervangen wikihow.MP4 Met de naam van uw videobestand. Als het videobestand ergens anders op het web bevindt, vervangt u deze door het volledige URL-pad naar het bestand (E.g., "HTTPS: // ni.maniqui-es.com / TEST.MP4 ").
  • U kunt de numerieke waarden vervangen voor "breedte" en "hoogte" om op de grootte van uw video te passen.
  • De besturingselementen Optie zorgt ervoor dat mensen die de video bekijken pauzeren, afspelen, het volume aanpassen of de video laten stoppen wanneer gewenst.
  • Titel afbeelding Embed video in HTML Stap 13
    4. Sla het bestand op en publiceer op uw website. Als u de video wilt testen, opent u de pagina waar u deze in een webbrowser hebt ingesloten en klik vervolgens op de video om het te spelen.

    • Video

    Door deze service te gebruiken, kan sommige informatie worden gedeeld met YouTube.

    Tips

    Deel in het sociale netwerk:
    Vergelijkbaar