May 30




In HTML integreren een video-speler - hoe het werkt
03:12

  • Maak tab in HTML - dus slaagt's
  • In HTML Maak een Slideshow - hoe het werkt
  • In HTML-schaal beelden - hoe het werkt
  • Om muziek Homepage nemen - Instructies
  • Met HTML om een ​​index te maken - hoe het werkt
  • MP4 samen met freeware - hoe het werkt
  • Het creëren van je eigen web radio - Hier is hoe vrij
  • Het krijgen van een live stream op een webpagina te ...
  • Hoe kan ik YouTube-video's downloaden? - Dus fu ...


Video van Bruno Franke3: 12

Als u wilt in staat zijn om een ​​video af te spelen op uw site, kunt u met slechts een paar regels van HTML-code, creëer je eigen speler voor HTML5. Hoe je dit doet en wat je ook kunt doen, is hier te vinden.

Meer video's op het onderwerp

  • 03:16

    Zet Word naar HTML - dus slaagt's
  • 04:17

    In HTML maakt een zijbalk - hoe het werkt met CSS
  • 02:16

    Virtuele Adventskalender - Tot verrassing creëren


Maak een video-speler met HTML5

De makkelijkste manier om een ​​video-speler in uw website insluiten met behulp van de HTML5 voor functie "video".

  • Het is een makkelijke dag die veel als een img tag om afbeeldingen werkt in principe weer. Om een ​​video-speler insluiten, dan moet je nog maar vier regels HTML-code die waarschijnlijk vervolgens eventueel ook aan te passen of uit te breiden.
  • Standaard, hoeft u alleen voor de volgende vier lijnen:
    <Video width = "400" height = "300">
    <Source src = "film.mp4" type = "video / mp4" />
    <Source src = "film.ogv" type = "video / ogg" />
    </ Video>
  • De eerste regel opent de video tag en specificeert de breedte ("width") en hoogte ("hoogte") stevig en de vierde regel bevat de dag weer. Tussendoor moet u uw video, waar het het beste om MP4-formaat (lijn 2) en de OGV-formaat ingesteld moet dit (3e lijn) te gebruiken. Dit is de reden dat niet alle webbrowsers de MP4 en OGV-formaat kan afspelen, dus u zou worden bedekt met beide formaten alle nieuwe gänigen browser.
  • Deze standaard speler kon je nog steeds uit te breiden door het toewijzen van extra attributen van de video tag. Het kenmerk "controls" voer de videospeler zoals afspelen / pauze, of een volumeregelaar. Het kenmerk "autoplay" geeft aan dat elke video automatisch wordt afgespeeld wanneer de pagina is geladen. Je kan ook met een preview-afbeelding die wordt getoond aan het begin, zal worden gespeeld op uw video "posters".
  • Dus als je wilt, bijvoorbeeld, hebben een een voorbeeld beeld, dat is om automatisch te starten videospeler met controles en, je kon in de 1e lijn schrijven, bijvoorbeeld: <video width = "400" height = "300" controleert autoplay poster = " bild.jpg ">

Gebruik een kant-en videospeler

Als alternatief kunt u een externe video-speler script gebruiken, zou je om het te downloaden en vervolgens integreren in uw website.

  • Vaak is het voldoende dat u alleen het script bestand (vaak een Javascript-bestand "* .js") en zijn voorzien van een CSS-bestand voor de stijl in het hoofd van uw dossier en dan kan in het lichaam van de speler worden ingebracht.
  • Veel nieuwe video spelers rekenen op een combinatie van HTML5 en Flash Player. Standaard wordt een poging gedaan om te laten maken van een video-speler met HTML5. Als de browser maar dit kan niet die door de browser, bijvoorbeeld, te oud, zou flash alternatief worden geproduceerd.
  • Meestal, kunt u zich aanmelden bij de afgewerkte video player Scripts bekijken of downloaden van uw video-speler waarmee u snel en eenvoudig vervolgens een voorbeeld. Daarnaast zal u vaak op de Provider een documentatie en en plugins of skins die u toelaten om uw video-speler aanpassen aan uw behoeften ter plaatse.
  • Goed en gratis video-speler zijn als jPlayer , JW Player en Flow Player .

Tags: Internet, HTML5, video, website, HTML

Gerelateerde Artikelen aan In HTML integreren een video-speler - hoe het werkt

Tags

© 2019 seandara.com Contact | Privacy | Voorwaarden & voorwaarden