Agregar enlace M3U para video en vivo en WordPress

mxmex Seguir

Épsilon
Desde
24 Feb 2015
Mensajes
809
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Intento copiar el codigo HTML en wordpress para poner una trasmision de un canal de tv en vivo y no se ve sale blanco el espacio.
Ese mismo codigo en DREAMWEAVER si se ve perfecto.

Alguien me puede ayudar o recomendar algun plugin donde poner el enlace m3u?
y que se vea tipo un video en vivo?

agradezco la ayuda
 

mxmex

Épsilon
Desde
24 Feb 2015
Mensajes
809
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
@rafadizeosp

<head>
<meta charset="UTF-8">
<title>Reproducción archivos m3u8</title>
<script src="http://jwpsrv.com/library/ejuoyqCsEeK4ayIACpYGxA.js"></script>
<style type="text/css">
body{bgcolor:#f0f0f0;}
#reproductor_aspect{display: none;}
#reproductor_jwpsrv{position: absolute; top: 0px; z-index: 10;}
#reproductor_wrapper{position: relative; display: block; width: 700px; height: 400px;}
</style>
<script>// <![CDATA[
//La Key que debes conseguir en la web de JWPlayer en Hexadecimal
jwplayer.key="6RfMdMqZkkH88h026pcTaaEtxNCWrhiF6ACoxKXjjiI=";
// ]]></script>
</head>

<body>


<div id="reproductor_wrapper">
<object type="application/x-shockwave-flash" data="http://p.jwpcdn.com/6/8/jwplayer.flash.swf" width="100%" height="100%" bgcolor="#000000" id="reproductor" name="reproductor" tabindex="0">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="seamlesstabbing" value="true">
<param name="wmode" value="opaque">
</object>
<div id="reproductor_aspect"></div>
<div id="reproductor_jwpsrv"></div>
</div>
<script>// <![CDATA[
jwplayer('reproductor').setup({
//URL m3u8 que queremos reproducir
file: "AQUIVA LA URL DEL M3U",
width: "700",
skin: "five",
height: "400",
title: 'xsoundtv.com',
image: "",
logo: {
file: "",
position: 'top-right',
margin: '0',
link: ""
},
stretching: "fill",
autostart: "true",
abouttext: '',
aboutlink: '',
});
// ]]></script>
<p>
.
</p>

</body>
 

mxmex

Épsilon
Desde
24 Feb 2015
Mensajes
809
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
en wordpress no lo puedo hacer que funcione
 

YeltsinReyes

Mi
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
16 Feb 2010
Mensajes
3.035
Prueba cambiando jwplayer('reproductor').setup({ por jwplayer('#reproductor').setup({
 

mxmex

Épsilon
Desde
24 Feb 2015
Mensajes
809
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
@YeltsinReyes nada no funciona queda la pantalla en blanco quzias algun plugin que sirva no se en HTML funciona perfecto
 

Dtokee

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
20 Ago 2019
Mensajes
89
@rafadizeosp

<head>
<meta charset="UTF-8">
<title>Reproducción archivos m3u8</title>
<script src="http://jwpsrv.com/library/ejuoyqCsEeK4ayIACpYGxA.js"></script>
<style type="text/css">
body{bgcolor:#f0f0f0;}
#reproductor_aspect{display: none;}
#reproductor_jwpsrv{position: absolute; top: 0px; z-index: 10;}
#reproductor_wrapper{position: relative; display: block; width: 700px; height: 400px;}
</style>
<script>// <![CDATA[
//La Key que debes conseguir en la web de JWPlayer en Hexadecimal
jwplayer.key="6RfMdMqZkkH88h026pcTaaEtxNCWrhiF6ACoxKXjjiI=";
// ]]></script>
</head>

<body>


<div id="reproductor_wrapper">
<object type="application/x-shockwave-flash" data="http://p.jwpcdn.com/6/8/jwplayer.flash.swf" width="100%" height="100%" bgcolor="#000000" id="reproductor" name="reproductor" tabindex="0">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="seamlesstabbing" value="true">
<param name="wmode" value="opaque">
</object>
<div id="reproductor_aspect"></div>
<div id="reproductor_jwpsrv"></div>
</div>
<script>// <![CDATA[
jwplayer('reproductor').setup({
//URL m3u8 que queremos reproducir
file: "AQUIVA LA URL DEL M3U",
width: "700",
skin: "five",
height: "400",
title: 'xsoundtv.com',
image: "",
logo: {
file: "",
position: 'top-right',
margin: '0',
link: ""
},
stretching: "fill",
autostart: "true",
abouttext: '',
aboutlink: '',
});
// ]]></script>
<p>
.
</p>

</body>

Cual es la URL para hacer pruebas en mi localhost?
file: "AQUIVA LA URL DEL M3U"
 

mxmex

Épsilon
Desde
24 Feb 2015
Mensajes
809
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
@Dtokee cuando la subo al servidor como HTML no se ve nada en mi pc se ve perfecto
 

DarkSoul

Delta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
8 Feb 2013
Mensajes
573
Hola podrías dejar link de la web, o enviármelo por MP
 

lehaxo

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
9 Jun 2024
Mensajes
3
Pasa el m3u para probar
Reproducir videos m3u8, Pero cómo sería compatible con móviles, que se tendría que modificar en el código para que sea compatible con móviles, es para una entrada de blogger:

<head>
<meta charset="UTF-8">
<title>Reproducción archivos m3u8</title>
<script src="http://jwpsrv.com/library/ejuoyqCsEeK4ayIACpYGxA.js"></script>
<style type="text/css">
body{bgcolor:#f0f0f0;}
#reproductor_aspect{display: none;}
#reproductor_jwpsrv{position: absolute; top: 0px; z-index: 10;}
#reproductor_wrapper{position: relative; display: block; width: 700px; height: 400px;}
</style>
<script>// <![CDATA[
//La Key que debes conseguir en la web de JWPlayer en Hexadecimal
jwplayer.key="6RfMdMqZkkH88h026pcTaaEtxNCWrhiF6ACoxKXjjiI=";
// ]]></script>
</head>

<body>


<div id="reproductor_wrapper">
<object type="application/x-shockwave-flash" data="http://p.jwpcdn.com/6/8/jwplayer.flash.swf" width="100%" height="100%" bgcolor="#000000" id="reproductor" name="reproductor" tabindex="0">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="seamlesstabbing" value="true">
<param name="wmode" value="opaque">
</object>
<div id="reproductor_aspect"></div>
<div id="reproductor_jwpsrv"></div>
</div>
<script>// <![CDATA[
jwplayer('reproductor').setup({
//URL m3u8 que queremos reproducir
file: "https://moodle1.playmudos.com/MU11QTgrRXRJdnBQMlB2WlJsZmxUa1BRMG0vQ0RCMEhFUUI5ZythR1oxOD0.m3u8",
width: "700",
skin: "five",
height: "400",
title: 'xsoundtv.com',
image: "",
logo: {
file: "",
position: 'top-right',
margin: '0',
link: ""
},
stretching: "fill",
autostart: "true",
abouttext: '',
aboutlink: '',
});
// ]]></script>
<p>
.
</p>

</body>
 
Última edición:

ronald3217

Beta
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
1 Oct 2013
Mensajes
73
Hola, este no es jwplayer pero es una buena alternativa se llama vidstack player:
HTML:
<link rel="stylesheet" href="https://cdn.vidstack.io/player.css" />
<link rel="stylesheet" href="https://cdn.vidstack.io/plyr.css" />
<script src="https://cdn.vidstack.io/plyr" type="module"></script>

<div id="player"></div>

<script type="module">
  import { PlyrLayout, VidstackPlayer } from 'https://cdn.vidstack.io/player';
        const player = await VidstackPlayer.create({
          target: '#player',
          title: 'Sprite Fight',
          src: 'https://files.vidstack.io/sprite-fight/hls/stream.m3u8',
          poster: 'https://files.vidstack.io/sprite-fight/poster.webp',
          layout: new PlyrLayout({
            thumbnails: 'https://files.vidstack.io/sprite-fight/thumbnails.vtt',
          }),
        });
</script>

Te dejo el enlace a la documentacion: Vidstack Player
 

Puko

Épsilon
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
20 Dic 2022
Mensajes
906
Reproducir videos m3u8, Pero cómo sería compatible con móviles, que se tendría que modificar en el código para que sea compatible con móviles, es para una entrada de blogger:

<head>
<meta charset="UTF-8">
<title>Reproducción archivos m3u8</title>
<script src="http://jwpsrv.com/library/ejuoyqCsEeK4ayIACpYGxA.js"></script>
<style type="text/css">
body{bgcolor:#f0f0f0;}
#reproductor_aspect{display: none;}
#reproductor_jwpsrv{position: absolute; top: 0px; z-index: 10;}
#reproductor_wrapper{position: relative; display: block; width: 700px; height: 400px;}
</style>
<script>// <![CDATA[
//La Key que debes conseguir en la web de JWPlayer en Hexadecimal
jwplayer.key="6RfMdMqZkkH88h026pcTaaEtxNCWrhiF6ACoxKXjjiI=";
// ]]></script>
</head>

<body>


<div id="reproductor_wrapper">
<object type="application/x-shockwave-flash" data="http://p.jwpcdn.com/6/8/jwplayer.flash.swf" width="100%" height="100%" bgcolor="#000000" id="reproductor" name="reproductor" tabindex="0">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="seamlesstabbing" value="true">
<param name="wmode" value="opaque">
</object>
<div id="reproductor_aspect"></div>
<div id="reproductor_jwpsrv"></div>
</div>
<script>// <![CDATA[
jwplayer('reproductor').setup({
//URL m3u8 que queremos reproducir
file: "https://moodle1.playmudos.com/MU11QTgrRXRJdnBQMlB2WlJsZmxUa1BRMG0vQ0RCMEhFUUI5ZythR1oxOD0.m3u8",
width: "700",
skin: "five",
height: "400",
title: 'xsoundtv.com',
image: "",
logo: {
file: "",
position: 'top-right',
margin: '0',
link: ""
},
stretching: "fill",
autostart: "true",
abouttext: '',
aboutlink: '',
});
// ]]></script>
<p>
.
</p>

</body>
El elemento <object> con el tipo application/x-shockwave-flash para incrustar contenido Flash no es recomendable ni compatible con la mayoría de los navegadores modernos.
Adobe Flash Player fue descontinuado oficialmente el 31 de diciembre de 2020
 

Puko

Épsilon
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
20 Dic 2022
Mensajes
906
este código ya lo puedo utilizar pegando en una entrada de blogger?
Que te puedo decir:
A simple vista no se si funcione
tampoco si funcionan los enlaces
tampoco si funciona, no se si quede como tu lo quieres como para saber que agregarle
Lo que tienes primero que hacer es poner el código en un archivo html y verlo en el navegador para ver si funciona
después si funciona, pegas cada parte donde va en una entrada o en el html directo
si no funciona, tendrias que ver si no hay algun otro script que interfiera, o ver los errores en la consola.
 
Arriba