Auf einen Blick

TsgcHTMLComponent_Video

Ein HTML5-Mediaplayer, der ein <video>- oder <audio>-Element ausgibt. Setzen Sie Quelle und Wiedergabeoptionen und lesen Sie dann die HTML-Eigenschaft.

Komponentenklasse

TsgcHTMLComponent_Video

Rendert

HTML5-<video>- / <audio>-Medien

Familie

Inhalt & Layout

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Erstellen, Quelle festlegen, rendern

Weisen Sie Src und MediaType zu, schalten Sie Controls, Autoplay und Responsive um und lesen Sie dann HTML — oder verwenden Sie die statischen Helfer Build und BuildYouTube.

uses
  sgcHTML_Component_Video;

var
  oVid: TsgcHTMLComponent_Video;
begin
  oVid := TsgcHTMLComponent_Video.Create(nil);
  try
    oVid.Src := '/media/intro.mp4';
    oVid.MediaType := mtVideo;
    oVid.Controls := True;
    oVid.Poster := '/media/intro.jpg';
    oVid.Responsive := True;

    WebModule.Response := oVid.HTML;   // <video> element
  finally
    oVid.Free;
  end;
end;

// Or in a single line with the static helpers:
Result := TsgcHTMLComponent_Video.Build('/media/intro.mp4', mtVideo, True);
Result := TsgcHTMLComponent_Video.BuildYouTube('dQw4w9WgXcQ', '100%', '400');

// includes: sgcHTML_Component_Video.hpp

TsgcHTMLComponent_Video *oVid = new TsgcHTMLComponent_Video(NULL);
try
{
  oVid->Src = "/media/intro.mp4";
  oVid->MediaType = mtVideo;
  oVid->Controls = true;
  oVid->Poster = "/media/intro.jpg";
  oVid->Responsive = true;

  String html = oVid->HTML;   // <video> element
}
__finally
{
  delete oVid;
}

// Or in a single line with the static helpers:
String html = TsgcHTMLComponent_Video::Build("/media/intro.mp4", mtVideo, true);
String yt = TsgcHTMLComponent_Video::BuildYouTube("dQw4w9WgXcQ", "100%", "400");

using esegece.sgcWebSockets;

var video = new TsgcHTMLComponent_Video();
video.Src = "/media/intro.mp4";
video.MediaType = TsgcHTMLMediaType.mtVideo;
video.Controls = true;
video.Poster = "/media/intro.jpg";
video.Responsive = true;

string html = video.HTML;   // <video> element

// Or in a single line with the static helpers:
string oneLine = TsgcHTMLComponent_Video.Build("/media/intro.mp4",
    TsgcHTMLMediaType.mtVideo, true);
string yt = TsgcHTMLComponent_Video.BuildYouTube("dQw4w9WgXcQ", "100%", "400");

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Quelle

Src setzt die Medien-URL und MediaType (TsgcHTMLMediaType: mtVideo, mtAudio) wählt das gerenderte Element.

Wiedergabe

Controls, Autoplay, Loop und Muted bilden direkt auf die HTML5-Medienattribute ab.

Größenanpassung

Width und Height setzen die Playerabmessungen; Responsive umschließt ein Video in einem responsiven 16:9-Verhältniscontainer.

Poster

Poster zeigt ein Platzhalterbild, bevor ein Video abgespielt wird; VideoID setzt die DOM-id.

YouTube

BuildYouTube(aVideoID, aWidth, aHeight) gibt eine responsive YouTube-iframe-Einbettung in einem einzigen statischen Aufruf zurück.

Einzeiliger Build

Build(aSrc, aMediaType, aControls) gibt das Player-HTML in einem einzigen statischen Aufruf zurück; HTML rendert eine konfigurierte Instanz.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen

Video