Anmelden
Ein einfaches HTML-Video-Tag mit MP4 funktioniert für eine Schleife von zehn Sekunden, danach nicht mehr. Große Dateien ruckeln bei langsamen Verbindungen, Formate unterscheiden sich zwischen Browsern, und Ihr eigener Webhost zahlt bei jedem Klick auf Play die Bandbreite. Ein eingebetteter Player dreht das um. Die Datei liegt bei FileHost.net, der Stream passt sich der Verbindung des Zuschauers an, und Ihre Seite enthält nur einen kleinen iframe.
Die Wiedergabe läuft über einen Player auf Video.js-Basis, der HLS streamt. Zuschauer erhalten Vollbild, ein Menü für die Wiedergabegeschwindigkeit, Tastenkürzel für Wiedergabe, Spulen, Lautstärke, Stumm und Vollbild, einen Kinomodus, der die Seite abdunkelt, sowie Hover-Vorschaubilder auf der Zeitleiste, die nach dem Upload automatisch erzeugt werden. Untertitel lassen sich als SRT-Dateien in 45 Sprachen hinzufügen, und der Player kann auf Wunsch bereits mit eingeschalteter Untertitelspur starten.
Inhaber können Breite und Höhe der Einbettung festlegen, ein eigenes Logo hinzufügen, ein Splash- oder Posterbild wählen und mit Premium die Player-Farbe an die Website anpassen. Fortgeschrittene Nutzer können im Dashboard ein VAST-Ad-Tag oder Pop-Einstellungen verbinden.
Am Player-Code geprüft, keine Wunschliste.
Segmentierte Auslieferung lässt die Wiedergabe schnell starten und flüssig springen, auch bei langen Videos.
SRT-Spuren pro Sprache laden, im Player einschalten oder mit aktivierten Untertiteln starten.
Ein Geschwindigkeitsmenü und Tastatursteuerung decken Wiedergabe, Spulen, Lautstärke, Stumm, Vollbild und Kinomodus ab.
Blenden Sie die umgebende Seite ab, damit das Video im Mittelpunkt steht, und wechseln Sie mit einer Taste zurück.
Hover-Vorschaubilder entstehen bei der Verarbeitung, damit Zuschauer eine Stelle finden, ohne zu raten.
Logo hinzufügen, Poster wählen, Einbettungsgröße festlegen und mit Premium die Player-Farbe bestimmen.
Diese Struktur erzeugt das Dashboard. Ersetzen Sie den Code durch die öffentliche ID Ihres eigenen Videos.
<iframe width="600" height="480" src="https://filehost.net/e/YOUR_CODE" scrolling="no" frameborder="0" allowfullscreen="true"></iframe>Ein kleiner Wrapper hält das 16:9-Format bei jeder Bildschirmbreite. Fügen Sie ihn Ihrem Stylesheet hinzu und nutzen Sie darin denselben iframe.
<div style="position:relative;aspect-ratio:16/9;max-width:100%">
<iframe src="https://filehost.net/e/YOUR_CODE"
style="position:absolute;inset:0;width:100%;height:100%;border:0"
allowfullscreen="true"></iframe>
</div>Ein iframe ist von Ihren eigenen Skripten isoliert, bremst daher Ihr Layout nicht und kollidiert nicht mit Ihrem Theme, doch Suchmaschinen ordnen das Video der eingebetteten Adresse zu. Ergänzen Sie die Einbettung auf Ihrer eigenen Seite um eine aussagekräftige Überschrift, eine kurze Zusammenfassung und ein Transkript, damit der Inhalt weiter rankt. Setzen Sie am iframe das Attribut loading auf lazy, wenn das Video unterhalb des sichtbaren Bereichs liegt.
Da die Schwerstarbeit woanders stattfindet, bleibt Ihre Hosting-Rechnung auch bei Traffic-Spitzen konstant. Das ist der größte praktische Vorteil für kleine Websites bei Shared Hosting.
Aufrufe über den eingebetteten Player zählen zum selben Satz wie auf der Wiedergabeseite, sodass ein beliebter Artikel sich selbst finanzieren kann. Sie können auch eigene VAST-Werbung im Player schalten; Traffic, der bei aktiver eigener Werbung ausgeliefert wird, wird aus der Premium-Bandbreite bezogen, die pauschal 2 Dollar pro Terabyte kostet. Lesen Sie die Einnahmenregeln, bevor Sie darauf einen Geschäftsplan aufbauen.
Zeigt der Player ein leeres Feld, prüfen Sie, ob Ihre Seite Drittanbieter-Frames nicht durch eine Content Security Policy blockiert. Erscheinen keine Untertitel, prüfen Sie, ob die Spur dem richtigen Video hinzugefügt wurde und im SRT-Format vorliegt. Sieht die Seite auf Handys falsch aus, ersetzen Sie feste Breite und Höhe durch den responsiven Wrapper von oben.
Einbettungen über Drive-ähnliche Dienste bedeuten oft einen sperrigen Vorschaurahmen. Sehen Sie, wie sich die Player unterscheiden.
Laden Sie einen Clip hoch, kopieren Sie den iframe und fügen Sie ihn in eine Testseite ein. In fünf Minuten wissen Sie, ob der Player zu Ihrer Website passt.