VideoPlayer

Integrazione di Dazzle-VideoPlayer


Aggiungi l'Iframe nelle tue pagine Web:

<div></br> <iframe id="DazzleMediaStreaming"></iframe></br> </div></br>

Aggiungi il codice Javascript sottostante per configurare e personalizzare il lettore.

var iframe = document.getElementById('DazzleMediaStreaming');
/* DazzleMedia Query*/
var params = {
mode: 'hls',
name: '{video_file_name}',
loop: 'no',
logo_src: 'https://{logo_path}',
logo_top: '10',
logo_width: '90',
logo_position: 'right',
logo_position_x: '30',
poster_src: '{poster_path}',
banner1_txt: 'no',
banner2_txt: 'no',
banner3_txt: 'no',
};
// Creare la query string
var queryString = Object.keys(params).map(key => key + '=' + encodeURIComponent(params[key])).join('&');
iframe.src = "{balancer_endpoint}?" + queryString;

Banner Option:

banner1_txt: banner_html_code,
banner1_top: '5%',
banner1_sec: '12:25',
banner1_trasparency: '0.2',
banner1_bg: 'green',

banner2_txt: banner_html_code,
banner2_top: '5%',
banner2_sec: '35:50',
banner2_trasparency: '0.7',
banner2_bg: 'red',

banner3_txt: banner_html_code,
banner3_sec: '50:125',
banner3_top: '5%',
banner3_trasparency: '0.7',
banner3_bg: 'yellow',

Puoi usare il codice HTML e CSS Inline:

var banner_html_code = `
{your Html block}
`;

Firma il banner:

var banner_html_signature={signature};

Mode:

mode: progressive
name: Uploaded_Video.mp4
or
mode: hls
name: Uploaded_Video
Powered by Sgneep.com & DazzleMedia