como aplicar este estilo

[wesse]

Como aplico este estilo para que automaticamente, si hay videos en el post, sean responsive, y si no los hay no haga nada?


Gracias

Código:

.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}

[ArturoGallegos]

mmm con copy-paste en tu archivo style del template?

[wesse]

Obviamente no, jajaja.

alguien sabe? Gracias.

[TMeister]

Bueno, lo que dice Arturo no es nada disparatado como para soltar la carcajada, es un estilo global que solo sera aplicado si existe la clase correspondiente.

Ahora si es extremadamente necesario agregar los estilos siempre y cuando exista un video puedes usar algo así:

Código PHP:

add_action('wp_head', 'find_video_tags');
function find_video_tags(){
    global $post;
    //Pseudo-Codigo
    /*if( is_single() ){
        if( $post->post_content contiene youtube, vimeo, mp4, cualquier otro indicativo de video ){
        ?>
            <style>
                Tus estilos
            </style>
        <?php
        }
    }*/
}