TinyMCE modo para insertar video responsive

Fecha Publicación:       25 de Abril de 2020
Fecha Modificación:       10 de Mayo de 2020

Dentro del editor tinymce --> Insertar -->  Media  ,  en la pestaña incrustado ponemos codigo del iframe del video dentro de un contendor en este caso  <p class="iframe">

<p class="iframe">
   //Insertar aqui codigo iframe del video
</p>

 

tinymce-insertar-video-responsive

Los estilos css son:

.iframe { height: 0; position: relative; padding-bottom: 56.25%;}
.iframe iframe {left: 0;height: 100%; position: absolute;top: 0; width: 100%;}

Nota: 

Ya en esta web los estios ya fueron insertados ....

Al volver editar en la pestaña incrustado  solo mostrara codigo iframe  ya no muestra el contenedor    <p class="iframe">,  pero ya se inserto y esta de contendor  en el mismo codigo de tinymce, tienes que verlo en el codigo o inspeccionando el codigo fuente del navegador .

Articulo : 875 - Veces Leidas
Compartir Articulo: