Video
TsgcHTMLComponent_Video — render een responsieve HTML5-video- of audiospeler, plus een YouTube-embedhelper, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_Video — render een responsieve HTML5-video- of audiospeler, plus een YouTube-embedhelper, in Delphi, C++ Builder en .NET.
Een HTML5-mediaspeler die een <video>- of <audio>-element uitstuurt. Stel de bron en afspeelopties in en lees vervolgens de eigenschap HTML.
TsgcHTMLComponent_Video
HTML5 <video> / <audio>-media
Delphi, C++ Builder, .NET
Wijs Src en MediaType toe, schakel Controls, Autoplay en Responsive in en lees vervolgens HTML — of gebruik de statische Build- en BuildYouTube-helpers.
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");De members die je het vaakst gebruikt.
Src stelt de media-URL in en MediaType (TsgcHTMLMediaType: mtVideo, mtAudio) kiest het gerenderde element.
Controls, Autoplay, Loop en Muted komen rechtstreeks overeen met de HTML5-media-attributen.
Width en Height stellen de afmetingen van de speler in; Responsive wikkelt een video in een responsieve container met 16:9-verhouding.
Poster toont een placeholderframe voordat een video afspeelt; VideoID stelt de DOM-id in.
BuildYouTube(aVideoID, aWidth, aHeight) geeft een responsieve YouTube-iframe-embed terug in een enkele statische aanroep.
Build(aSrc, aMediaType, aControls) geeft de speler-HTML terug in een enkele statische aanroep; HTML rendert een geconfigureerde instantie.