Estoy haciendo un portfolio de videos en un theme Wordpress. Una pagina simple con varios videos en pantalla que vienen de youtube.
Por una cuestión estética estoy intentando poner una transparencia u opacidad sobre los mismos, con Jquery y Add Class. ¿Alguien tiene idea de como se puede hacer esto a grandes rasgos? No necesito un tuto salvo que alguien tenga algun enlace a mano. Jejejej. Solamente una idea general como para ver por donde comenzar la cosa.
Como podrán ver en el código que muestro a continuación hay un loop de Wordpress clásico. El mismo publica los vídeos en dicha pagina.
Código PHP :
<?php /* Loop the stuff from the videos post type */
$args = array( 'post_type' => 'videos', 'posts_per_page' => 10 );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post();?>
<div class="galvidpre">
<div class="galvidprevid">
<?php
/* Set variables and create if stament */
$videosite = get_post_meta($post->ID, 'Video Site', single);
$videoid = get_post_meta($post->ID, "Video ID", single);
if ($videosite == vemio) {
echo '<iframe src="http://player.vimeo.com/video/'.$videoid.'" width="300" height="190" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
} else if ($videosite == youtube) {
echo '<iframe width="300" height="190" src="http://www.youtube.com/embed/'.$videoid.'" frameborder="0" allowfullscreen></iframe>';
} else {
echo 'Please Select Video Site Via the CMS';
}
?>
</div>
</div>
<div class="galvidpretext">
<h1><?php the_title() ?></h1>
<p>
<?php /* this is just a limit on characters displayed */
$words = explode(" ",strip_tags(get_the_content()));
$content = implode(" ",array_splice($words,0,20));
echo $content; ?>
</p>
</div>
</div>
<?php endwhile;?>
</div>Pero no logro darme cuenta sobre que DIV debería poner esa clase para que coloque la transparencia justo sobre el vídeo.
Espero que alguien haya entendido el punto y me pueda dar un pequeño empujón. Cordiales saludos a todos.
