TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

Wie füge ich Videos zur Weebly-Site hinzu?

10

Manchmal sind Videos die einfache Möglichkeit, den Besuchern Ihre Gedanken auszudrücken, anstatt lange Inhalte zu schreiben. Es kann ein How-to-Tutorial, eine Vorstellung Ihres Unternehmens oder etwas anderes sein. Das Hinzufügen von Videos auf der Weebly-Site ist ebenso einfach wie das Hinzufügen von Audio- und Textinhalten. Es gibt vier Möglichkeiten, Videos auf der Weebly- Site hinzuzufügen, wie unten aufgeführt, und wir werden jede Option im Detail besprechen.

  1. Verwenden von HTML5-Video-Tags.
  2. Verwenden Sie das YouTube-Element, um Ihre YouTube-Videos einzubetten.
  3. Embed Code-Element zum Einbetten von Videos von Websites wie Vimeo.
  4. HD-Videoplayer-Element für Weebly Pro-Benutzer.

1 Verwenden von HTML5-Video-Tags auf der Weebly-Site

Mit HTML5- Video-Tags können Sie Ihre eigenen Videos auf dem Standard-Videoplayer hosten. Sie müssen keinen Weebly-Premiumplan kaufen, um das HTML5-Videoplayer-Element zu verwenden. Sie können Videolinks von anderen Websites verwenden oder Ihre Videos im Abschnitt "Thema > Assets" hochladen. Es wird empfohlen, Videos im .mp4-, .ogv- und .webm-Format hinzuzufügen, um Probleme mit der Browserkompatibilität zu beheben.

Ziehen Sie ein "Embed Code"-Element per Drag & Drop auf die Seite, auf der Sie Ihr Video anzeigen möchten. Fügen Sie den folgenden HTML-Code in das Element "Code einbetten" ein. Stellen Sie sicher, dass Sie die Videolinks durch Ihre eigenen ersetzen.

<video poster="https://img.webnots.com/2015/06/Slider-3.jpg" width="640" height="480" preload controls loop> <source src="https://img.webnots.com/2015/06/Slider-Video.mp4"> <source src="https://img.webnots.com/2015/06/Slider-Video.webm"> <source src="https://img.webnots.com/2015/06/Slider-Video.ogv"> </video>

Das Video sieht wie folgt aus, erfordert manuelles Abspielen und wird von allen modernen Browsern wie Chrome, Firefox, Safari und Edge unterstützt.

Vermeiden Sie die automatische Wiedergabe von Videos, insbesondere mit Audio, um eine bessere Benutzererfahrung zu bieten. Sie können Benutzern die Steuerelemente zur Verfügung stellen, um auszuwählen, ob das Video wiedergegeben werden soll oder nicht.

2 Einbetten von Videos mit YouTube Element

YouTube ist die beliebte Video-Hosting-Plattform von Google und Weebly bietet ein Standard-YouTube-Element zum einfachen Einbetten von Videos. Das YouTube-Element ist im Weebly-Editor in der Kategorie „Medien” verfügbar. Sie können das Element an eine beliebige Stelle im Inhaltsbereich ziehen und ablegen.

Wie füge ich Videos zur Weebly-Site hinzu?

Weebly Medienelemente

Sobald das Element im Inhaltsbereich hinzugefügt wurde, klicken Sie einfach darauf, um die Anpassungsoptionen anzuzeigen. Sie können die YouTube-Video-URL hinzufügen, die Ausrichtung und den Abstand des Videos festlegen.

Wie füge ich Videos zur Weebly-Site hinzu?

Einbetten von Weebly-YouTube-Videos

Sie können in den erweiterten Optionen auch eine Video-ID hinzufügen oder ändern und die Größe Ihres Videos an Ihre Inhalte anpassen.

Wie füge ich Videos zur Weebly-Site hinzu?

Ändern Sie die Größe und ID von YouTube-Videos in Weebly

Sie können das Video im Editor abspielen und Ihre Site veröffentlichen, um das echte Streaming im Browser zu überprüfen.

Weebly bietet keine Möglichkeit, die spezifische Breite und Höhe Ihres Videos anzupassen, aber das gleiche kann erreicht werden, indem Sie " Spacer "-Elemente neben Ihrem YouTube-Video platzieren.

3 Einbetten von Videos mit benutzerdefiniertem HTML

Ähnlich wie bei HTML5-Video-Tags können Sie auch das Element „Embed Code” verwenden, um den iframe-Videocode von YouTube, Vimeo oder anderen Video-Hosting-Sites einzufügen, die iframe-Einbettungscode anbieten.

  • Kopieren Sie den Einbettungscode von Websites wie YouTube oder Vimeo.
  • Ziehen Sie das „Embed Code”-Element per Drag & Drop in den Inhaltsbereich Ihrer Website.
  • Fügen Sie den HTML-Einbettungscode in das Element ein und veröffentlichen Sie Ihre Site.

4 Verwenden des Weebly Pro HD-Videoplayer-Elements

Die letzte Möglichkeit besteht darin, Ihre Weebly-Site auf einen Premium-Plan zu aktualisieren und ein HD-Videoplayer-Element zu verwenden. Dieser ähnelt dem HTML5-Videoplayer, wird jedoch als Standardelement angeboten. High Definition (HD) Video Player ist eine der wichtigsten Funktionen von Weebly Pro, mit der Benutzer eine Videodatei mit einer Größe von bis zu 1 GB auf ihre Websites hochladen können. Dies ist ein Muss, wenn Sie eine Video-Site hosten, die unbegrenzte Video-Uploads erfordert.

4.1. Funktionen des Weebly Pro HD-Videoplayers

  • 1 GB Videodateigröße
  • Unbegrenzte Anzahl von Videos
  • Automatische HD-Konvertierung
  • Markenlos – Sie können Videos mit Ihrer eigenen Marke hochladen
  • Unterstützt alle Standardformate
  • Verschiedene Videogrößen
  • In Page Video Playing – Videos können im Weebly-Editor abgespielt werden, ohne Ihre Site zu veröffentlichen.
  • Option zur Auswahl, ob das Video vom Benutzer heruntergeladen werden kann oder nicht.
  • Passen Sie Größe, Ränder und Position des Videos an Ihre Inhalte an.

Wie füge ich Videos zur Weebly-Site hinzu?

Weebly HD-Videoplayer

4.2. Prozess des Hochladens von Videos auf die Weebly-Site

  • Ziehen Sie das HD-Videosymbol einfach per Drag & Drop auf Ihre Webseite
  • Klicken Sie auf das Bild „Klicken Sie hier, um ein Video hochzuladen” und wählen Sie das Video aus, das Sie hochladen möchten
  • Sobald das Video hochgeladen wurde, wird es automatisch codiert
  • Wählen Sie die Größe Ihres Videos
  • Spielen Sie das Video auf der Seite ohne Veröffentlichung ab und überprüfen Sie die Klarheit
  • Veröffentlichen Sie Ihre Website

Wie füge ich Videos zur Weebly-Site hinzu?

Weebly Video-Upload-Prozess

4.3. Videosteuerung

Die folgenden Videosteuerungsoptionen stehen während der Wiedergabe des Videos zur Verfügung, wie in der folgenden Abbildung gezeigt:

Wie füge ich Videos zur Weebly-Site hinzu?

Bedienelemente des Weebly-Videoplayers

  • Play- oder Pause-Taste
  • Aktuelle Uhrzeit und Gesamtvideozeit
  • Suchleiste, um zu einem beliebigen Ort im Video zu gelangen
  • Lautstärkeregelung
  • Vollbildmodus

Durch Aktivieren des Kontrollkästchens „Video herunterladbar” können Sie das Video für den Benutzer herunterladbar machen.

Wie füge ich Videos zur Weebly-Site hinzu?

Weebly Videoplayer-Optionen

Die Videosteuerung zeigt eine Option zum Herunterladen des Videos an, wie im Bild unten gezeigt.

Wie füge ich Videos zur Weebly-Site hinzu?

Download-Option für Weebly Video

4.4. Nachteile

Nun, der HD-Videoplayer ist eine der Hauptattraktionen im Weebly Pro-Paket, aber es gibt einfache Anforderungen, die Weebly hoffentlich in naher Zukunft erfüllen wird.

  • Der Videoplayer ist ein reiner Player, Sie können kein Video von einer USB-Kamera aufnehmen
  • Sie können Ihre Fotos nicht in ein Video umwandeln
  • Keine Möglichkeit, Einbettungscodierung zu generieren
  • Symbole zum Teilen in sozialen Netzwerken sind nicht verfügbar, um die Video-URL zu teilen
  • Statistiken zu Videoaufrufen sind nicht verfügbar – Sie wissen nicht, wie beliebt Ihr Video ist oder wie viele Leute es angesehen haben
  • Keine Playlist-Option verfügbar, das bedeutet, dass nur ein Video hochgeladen und angesehen werden kann

Selbst wenn Sie ein wunderbares Video auf Ihrer Weebly-Site hochladen, können die Benutzer Ihre Videos nicht in ihre Site einbetten. Das Schlimmste ist, dass das Video in keinem [Social Media] (https://techblog.sdstudio.top/de/grundlagen-des-social-media-traffics/) geteilt werden kann, was einen Verlust bedeutet der eingehenden Links zu Ihrer Website und damit des Traffics und des Suchmaschinen-Rankings. Gleichzeitig schützt dies das Urheberrecht der Eigentümer, insbesondere wenn Sie einen Online-Shop betreiben  , der lizenzierte Videos verkauft.

Weebly Free vs. Pro Videoplayer

Die kostenlose Videoeinbettung hat die folgenden Vorteile gegenüber dem Hochladen mit dem Pro-HD-Videoplayer-Element.

  • Niedrige Seitenladezeit, die eine gute Benutzererfahrung bei langsameren Internetverbindungen bietet.
  • Reduzierte Crawling-Probleme für Suchmaschinen-Crawler aufgrund der geringeren Seitengröße.
  • Die Gesamtgröße der Site wird mit der Größe des hochgeladenen Videos erheblich zunehmen, daher dauert das Site-Backup länger, um alle Ihre Inhalte herunterzuladen.
  • Eingebettete Videos können problemlos in sozialen Medien geteilt werden, was die Popularität Ihrer Website erhöht.
  • Zum Hochladen müssen Sie Ihre Videos erstellen oder besitzen, aber zum Einbetten können Sie alle Videos einbetten, die mit einer kostenlosen Vertriebslizenz verfügbar sind.

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen