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.

  • Autor Autor lehaxo
  • Fecha de inicio Fecha de inicio
lehaxo

lehaxo

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
<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>
 
1. te falta las etiquetas <html> y al final te sobra <p>.</p>
2. en el selector body, no hay "bgcolor", más bien seria:
body {
background-color: #f0f0f0;
}
3. Si funciona el video en el movil, puedes ajustar los elementos que tienen valores fijos en #reproductor_wrapper {
como el width y cambiarlo a 100%
4. Después igual en .jwplayer pero con 100% !important;
5 y listo, solo se adapta a lo ancho

En resumen:
.jwplayer {
width: 100% !important;

#reproductor_wrapper {
width: 100%;

 
1. te falta las etiquetas <html> y al final te sobra <p>.</p>
2. en el selector body, no hay "bgcolor", más bien seria:
body {
background-color: #f0f0f0;
}
3. Si funciona el video en el movil, puedes ajustar los elementos que tienen valores fijos en #reproductor_wrapper {
como el width y cambiarlo a 100%
4. Después igual en .jwplayer pero con 100% !important;
5 y listo, solo se adapta a lo ancho

En resumen:
.jwplayer {
width: 100% !important;

#reproductor_wrapper {
width: 100%;


Hasta a mi me sirvió, gracias amigo.
 
Cómo un vídeo se pasa o obtiene el m3u8?
 
Cómo un vídeo se pasa o obtiene el m3u8?
te explico
Es un video dividido en varias partes y que se reproduce mediante el archivo/lista m3u8
por ejemplo: usas ffmpeg para convertirlo a archivo .ts y para cortarlo en partes de 10 seg y para que también haga tu m3u8

ffmpeg -i input.mp4 -codec: copy -start_number 0 -hls_time 10 -hls_list_size 0 -f hls output.m3u8

después los subes a un servidor de streaming o servidor web
y ya
 
Última edición:
hay alguna forrma que se haga online? osea pegas el enlace mp4 y salga meu8 xd
 
Atrás
Arriba