Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
TUTORIAL videos responsive en MYBB
#1
Saludos compañeros foristas,  hoy traigo hasta ustedes un tutorial bastante sencillo pero que se que a algunos les interesara... 

Desde hace unos  meses me di ala labor de relanzar mi foro con una interfaz mas simple para dispositivos Moviles ya que inicialmente solo usadaba GOMOBILE  ; con algunas modificaciones estetícas para  que adecuara ala temática de mi foro. Pero ala larga apesar de ser  un muy buen  sistema GOMOBILE me quedo corto por los mismos cambios que decidí añadir y inicie una larga investigación sobre  este interesante mundo del diseño responsive...

Sin mas choro vamos con lo que quiero compartir...

COMO HACER QUE LOS VIDEOS DE TU FORO SEAN RESPONSIVE!

1.- Lo primero que tenemos que hacer es ir a 
 PANEL DE ADMINISTRACION > ESTILOS Y PLANTILLAS > ESTILOS > TU TEMA > GLOBAL.CSS  y accesar a EDITAR HOJA DE ESTILO MODO AVANZADO  y posicionarnos hasta el final de los estilos para agregar el siguiente codigo

Código PHP:
.video-youtube{
height0;
padding-bottom56.25%;
positionrelative;
margin1%;
}
.
video-youtube iframe{
positionabsolute;
top0;
left0;
width100%;
height100%;


Una vez añadido  GUARDAMOS LOS CAMBIOS.

2.- Lo siguente que aremos es ir a
 PANEL DE ADMINISTRACION > ESTILOS Y PLANTILLAS > PLANTILLAS > TU TEMA > MY CODEVIDEO - PLANTILLAS > VIDEO_YOUTUBE_EMBED y estando dentro borramos el codigo existente y agregamos este codigo

Código PHP:
<div class="video-youtube">
<
iframe width="560" height="315" src="http://www.youtube.com/embed/{$id}frameborder="0" allowfullscreen></iframe>
</
div

GUARDAMOS LOS CAMBIOS Y esperamos hasta que el cache de su foro se actualice o en su defecto REFRESCAMOS EL CACHE! y LISTO ....
Con estos cambios observaran que al entrar a su foro desde DISPOSITIVOS MOVILES cn diferentes resoluciones el video siempre conservara una proporción optima de visualización....
capturas demostrativas!!


[Imagen: UVvNr77.png]

Y POR SU PUESTO QUE LO MAS GUAY   QUE AL GIRAR TU DISPOSITIVO MOVIL Y DAR EN PANTALLA COMPLETA OBTIENES VIDEOS  FULLSCREEN  [Imagen: tongue.png] 

[Imagen: fn3eBXz.png]
WWW
#2
:o, buen aporte, hora de usarlo en mi localhost Sonrisa
WWW
#3
Excelente aporte man muchas gracias...
WWW
#4
(02-12-2016, 02:38 AM)DaveNPlay escribió: :o, buen aporte, hora de usarlo en mi localhost Sonrisa

n.n  con tem0r a equiv0carme yaq n0 l0 eh pr0vad0  diria q te sirve para t0d0s los servid0res de vide0  que mybb tiene disp0nibles!!  un c0rdial salud0 y testeal0   en l0cal.. me cuentas c0m0 te fue br0ther

(02-12-2016, 04:14 PM)Dark_Soul escribió: Excelente aporte man muchas gracias...

na que agradecer!!! pa es0 stam0s  n0¡?  ahy q c0mpartir aunq sea un p0c0 de l0q  un0 va aprendiend0 y experimentand0!!  ya que nadie nace sabiend0!!!  un c0rdial salud0!!
WWW
#5
Muy interesante aportación y funcional para los sitios móviles, gracias por el aporte, saludos.
#6
Este me lo pongo en favoritos. Te lo agradezco.
#7
Muy buen vídeo y datos para hacer bien responsive el tema Guiño
#8
Es una muy buena opción para optimizar la web para dispositivos móviles.
#9
(21-02-2017, 09:06 AM)Lerans escribió: Este me lo pongo en favoritos. Te lo agradezco.

Na que agradecer br0ther alfinal  es s0l0 un tip que  y0 termine descubriend0 viend0 vide0tut0riales resp0nsive!!! yaq realmente y0 n0 sabia mush0  de c0m0 se hacia!!!  y cn el pr0ces0  de aprendisage vi que se p0dia adecuar  a mybb  relativamente cn facilidad!!! Veo que es un tema relevante y q a much0s les llama la atenci0n talvez c0mparta alg0 mas  pr0ximamente!!  Saluds y gracias x tu c0mentari0
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Estrella Prestación de Servicios Mybb, Plataformas web, entre otros. Dark_Soul 0 74 05-03-2018, 02:53 AM
Último mensaje: Dark_Soul
  A quien interese, creación de theme y web mybb GRATIS Dark_Soul 0 235 19-04-2017, 11:03 PM
Último mensaje: Dark_Soul
  [PACK] Ficons para MyBB Ronaldo_Ruiz 4 513 24-02-2017, 12:43 PM
Último mensaje: zeuz
Pregunta Consulta sobre MyBB Axeleaker 5 493 21-02-2017, 04:40 PM
Último mensaje: brettavz
  Cómo añadir favicon MyBB elcarnes 3 770 05-06-2016, 02:48 PM
Último mensaje: romeho
  ¿Como cambiar header en MyBB? elcarnes 4 758 02-04-2016, 06:35 PM
Último mensaje: DaveNPlay
  Falla foro Mybb danieltumino 4 564 28-03-2016, 01:13 AM
Último mensaje: Dark_Soul
  [MyBB] Jvh_22 1 489 25-03-2016, 06:21 AM
Último mensaje: garcon
  Solucionado: No puedo instalar temas en mi foro MyBB. Vizion-X 5 593 15-03-2016, 05:31 AM
Último mensaje: Vizion-X
Guiño Instalar y Configurar Google Seo Mybb 1.8.* + Traduccion + Tutorial Dark_Soul 18 3,685 02-03-2016, 01:38 PM
Último mensaje: 23r7190



Usuarios navegando en este tema: 1 invitado(s)