#2 Clappr: un reproductor multimedia extensible para la web

--503217-- — Mon, 25 Apr 2016 01:45:08 +0000

Algo ha ido mal. Pongo otras comillas, que mnm las convierte:

Video de LaSexta
<center><script type="text/javascript" src='http://cdn.clappr.io/latest/clappr.min.js'></script>
<div id="player"></div>
<script>var player = new Clappr.Player({
source: 'http://deslasexta.antena3.com/mp_series3/2016/04/23/00868.mp4',
mediacontrol: {seekbar: "#B43104", buttons: "#FFFFFF"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'http://www.lasexta.com/clipping/2016/04/23/00871/30.jpg',
watermark: 'https://mnmstatic.net/v_40/img/mnm/h9_eli.png', position: 'top-right',
watermarkLink: 'https:www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web',
});
</script></center>

Antena3 en directo
<center><script type="text/javascript" src='http://cdn.clappr.io/latest/clappr.min.js'></script>
<div id="player"></div>
<script>var player = new Clappr.Player({
source: 'http://a3live-lh.akamaihd.net/i/a3hds/antena3_1@35248/index_2_av-b.m3u8',
mediacontrol: {seekbar: "B43104", buttons: "##FF00FF"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'https://visualzink.files.wordpress.com/2011/03/02-postpack-naranja-logo-hd-0-00-03-24.jpg',
watermark: 'https://mnmstatic.net/v_40/img/mnm/h9_eli.png', position: 'top-right',
watermarkLink: 'https:www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web',
});
</script></center>

Canal France24 en directo
<center><script type="text/javascript" src='http://cdn.clappr.io/latest/clappr.min.js'></script>
<div id="player"></div>
<script>var player = new Clappr.Player({
source: 'http://static.france24.com/live/F24_AR_LO_HLS/live_web.m3u8',
mediacontrol: {seekbar: "#B43104", buttons: "#DF0101"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'http://cdn.tvm.com.mt/wp-content/uploads/2015/10/france24.jpg',
watermark: 'https://mnmstatic.net/v_40/img/mnm/h9_eli.png', position: 'top-right',
watermarkLink: 'https:www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web',
});
</script></center>

Nasa TV en directo
<center><script type="text/javascript" src='http://cdn.clappr.io/latest/clappr.min.js'></script>
<div id="player"></div>
<script>var player = new Clappr.Player({
source: 'http://nasatv-lh.akamaihd.net/i/NASA_102@319272/master.m3u8',
mediacontrol: {seekbar: "#B43104", buttons: "#00FF00"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'http://www.spaceflightinsider.com/wp-content/uploads/2013/11/nasa_tv.jpg',
watermark: 'https://mnmstatic.net/v_40/img/mnm/h9_eli.png', position: 'top-right',
watermarkLink: 'https:www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web',
});
</script></center>

» autor: --503217--

#1 Clappr: un reproductor multimedia extensible para la web

--503217-- — Mon, 25 Apr 2016 00:46:17 +0000

Se puede añadir marca de agua y un enlace web al clicar en ella, elegir colores de la barra del reproductor, se puede añadir un poster al vídeo, reproducir sólo el audio (sólo para algunos formatos de vídeo), reproducir canales en directo (m3u8) y etc.

Por ejemplo:
Video de LaSexta
<center><script type="text/javascript" src="cdn.clappr.io/latest/clappr.min.js"></script>;
<div id="player"></div>
<script>var player = new Clappr.Player({
source: "deslasexta.antena3.com/mp_series3/2016/04/23/00868.mp4";,
mediacontrol: {seekbar: "#B43104", buttons: "#FFFFFF"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'http://www.lasexta.com/clipping/2016/04/23/00871/30.jpg',
watermark: "mnmstatic.net/v_40/img/mnm/h9_eli.png";, position: 'top-right',
watermarkLink: "www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web&q;,
});
</script></center>

Antena3 en directo
<center><script type="text/javascript" src="cdn.clappr.io/latest/clappr.min.js"></script>;
<div id="player"></div>
<script>var player = new Clappr.Player({
source: "a3live-lh.akamaihd.net/i/a3hds/antena3_1@35248/index_2_av-b.m3u8";,
mediacontrol: {seekbar: "B43104", buttons: "##FF00FF"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'https://visualzink.files.wordpress.com/2011/03/02-postpack-naranja-logo-hd-0-00-03-24.jpg',
watermark: "mnmstatic.net/v_40/img/mnm/h9_eli.png";, position: 'top-right',
watermarkLink: "www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web&q;,
});
</script></center>

Canal France24 en directo
<center><script type="text/javascript" src="cdn.clappr.io/latest/clappr.min.js"></script>;
<div id="player"></div>
<script>var player = new Clappr.Player({
source: "static.france24.com/live/F24_EN_LO_HLS/live_web.m3u8";,
mediacontrol: {seekbar: "#B43104", buttons: "#DF0101"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'http://cdn.tvm.com.mt/wp-content/uploads/2015/10/france24.jpg',
watermark: "mnmstatic.net/v_40/img/mnm/h9_eli.png";, position: 'top-right',
watermarkLink: "www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web&q;,
});
</script></center>

Nasa TV en directo
<center><script type="text/javascript" src="cdn.clappr.io/latest/clappr.min.js"></script>;
<div id="player"></div>
<script>var player = new Clappr.Player({
source: "nasatv-lh.akamaihd.net/i/NASA_102@319272/master.m3u8";,
mediacontrol: {seekbar: "#B43104", buttons: "#00FF00"},
parentId: "#player",
height: "450",
width: "800",
audioOnly: false,
autoPlay: false,
hideVolumeBar: false,
hideMediaControl: true,
disableVideoTagContextMenu: true,
poster: 'http://www.spaceflightinsider.com/wp-content/uploads/2013/11/nasa_tv.jpg',
watermark: "mnmstatic.net/v_40/img/mnm/h9_eli.png";, position: 'top-right',
watermarkLink: "www.meneame.net/m/html5/clappr-reproductor-multimedia-extensible-web&q;,
});
</script></center>

se puede probar el código en herramientas online de probadores de html, como por ejemplo www.onlinehtmleditor.net/

» autor: --503217--

Sugiéreme: búsqueda en comentarios: #B43104

#2 Clappr: un reproductor multimedia extensible para la web

#1 Clappr: un reproductor multimedia extensible para la web