Video

TsgcHTMLComponent_Video — renderizza un lettore video o audio HTML5 responsive, più un helper per l’incorporamento di YouTube, in Delphi, C++ Builder e .NET.

TsgcHTMLComponent_Video

Un lettore multimediale HTML5 che emette un elemento <video> o <audio>. Imposta la sorgente e le opzioni di riproduzione, quindi leggi la proprietà HTML.

Classe del componente

TsgcHTMLComponent_Video

Renderizza

HTML5 <video> / <audio> media

Linguaggi

Delphi, C++ Builder, .NET

Crealo, imposta la sorgente, renderizzalo

Assegna Src e MediaType, attiva Controls, Autoplay e Responsive, quindi leggi HTML — oppure usa gli helper statici Build e 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");

Proprietà e metodi principali

I membri che utilizzerai più spesso.

Sorgente

Src imposta l’URL del contenuto multimediale e MediaType (TsgcHTMLMediaType: mtVideo, mtAudio) sceglie l’elemento renderizzato.

Riproduzione

Controls, Autoplay, Loop e Muted corrispondono direttamente agli attributi media HTML5.

Dimensionamento

Width e Height impostano le dimensioni del lettore; Responsive racchiude un video in un contenitore con proporzioni responsive 16:9.

Poster

Poster mostra un fotogramma segnaposto prima che un video venga riprodotto; VideoID imposta l’id DOM.

YouTube

BuildYouTube(aVideoID, aWidth, aHeight) restituisce un incorporamento iframe di YouTube responsive con una singola chiamata statica.

Build a riga singola

Build(aSrc, aMediaType, aControls) restituisce l’HTML del lettore con una singola chiamata statica; HTML renderizza un’istanza configurata.

Continua a esplorare

Tutti i componenti sgcHTMLEsplora la matrice completa delle funzionalità di oltre 60 componenti.
Scarica la Prova GratuitaLa prova di 30 giorni include i progetti demo 60.HTML.
PrezziLicenze Single, Team e Site con codice sorgente completo.

Pronto a Iniziare?

Scarica la versione di prova gratuita e inizia a creare interfacce web in Delphi, C++ Builder e .NET.