Bueno amigos de Foro20 les traigo el viral de vídeo de Facebook para Wordpress usando Custom Field:
Colocar antes del </head> lo siguiente:
HTML:
<!-- Video Bloqueado -->
<script type='text/javascript'>
function load_photo(id){
$("#vision").html($("#img"+id).html());
}
function ouvre(fichier) {
ff=window.open(fichier,"popup",
"width=600px,height=300px,left=212px,top=234px")
setTimeout( 'load_vid();', 11*1000 );
}
function load_vid(){
var cc = '<iframe width="640" height="385" src="http://www.youtube.com/embed/<?php echo get_post_meta(get_the_ID(), 'codigo', true); ?>" frameborder="0" allowfullscreen></iframe>';
$("#over").remove();
$("#vid_real").html(cc);
}
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
Luego en functions.php agregan lo siguiente que corresponde al CustomField:
PHP:
/* Video Bloqueado */
add_action('admin_init', 'codigo_add_custom_box', 1);
function codigo_add_custom_box() {
add_meta_box(
'id_codigo',
'Coloca la ID de un video de youtube:',
'wp_box_codigo',
'post'
);
}
function wp_box_codigo($post) {
wp_nonce_field(plugin_basename(__FILE__), 'codigo_noncename');
if($_GET['action']=='edit'){
$codigo=get_post_meta($post->ID,'codigo',true);
echo'<input name="codigo" type="text" value="'.$codigo.'" class="regular-text" style="width:100%" />';
}else{
echo'<input name="codigo" type="text" value="" class="regular-text" style="width:100%" />';
}
}
add_action('save_post', 'guardar_codigo');
function guardar_codigo($post_id){
if ( !wp_verify_nonce( $_POST['codigo_noncename'], plugin_basename(__FILE__) ) )
return $post_id;
if ( defined('DOING_AUTOSAVE') && DOING_AUTOSAVE )
return $post_id;
if ( !current_user_can( 'edit_post', $post_id ) )
return $post_id;
delete_post_meta($post_id, 'codigo');
if(!empty($_POST['codigo'])){
add_post_meta($post_id, 'codigo', esc_attr($_POST['codigo']));
}
}
Luego agregan a style.css lo siguiente:
HTML:
/* Video Bloqueado */
#vid_real{margin:0px 0px 0px 0px;background:url('http://i.imgur.com/4c5JY.jpg'); z-index:500;height:385px;width:630px;position:relative}
Finalmente en el single.php agregan dentro de los post:
HTML:
<div id="vid_real">
<div style="float:left;width:350px;margin-left:150px;margin-top:135px;overflow:hidden;display:inline;" id="lesboutons">
<span style="display:block;margin-top:10px;margin-left:98px;width:350px;height:74px;background:url(http://i.imgur.com/ccxJN.png) no-repeat">
<a href="" id="" onClick="ouvre('http://www.facebook.com/sharer.php?u=<?php the_permalink() ?>');return false"><div class="watch-img"><img style="border:none; text-decoration:none;" src="http://i.imgur.com/OF5of.png" class="appear1"/></div></a>
</span>
</div> </div>
COMO FUNCIONA:
Es muy facil si hicieron todo correcto en las entradas les saldrá lo siguiente:
En donde señala la flecha roja agregan la ID de un video de youtube como por ejemplo: youtube.com/watch?v=
9Dqz-2x3Uv8 escriben ahí solamente lo que esta en rojo y publican.
Si todo sale bn tendrán su viral listo y funcionando!
DESVENTAJAS:
- Este script tiene la desventaja que si el usuario no comparte el video igual se va a poder ver luego de pasado unos segundos
- Igualmente si el usuario cierra la ventana de compartir sera igual se podra ver el video
Saludos cualquier cosa comenten!
PD: Si llega a morir la imagen de ver video o la otra aqui se las dejo en otro Host que nunca mueren:
Para Blogger el amigo @ElPerrys lo ha desarrollado aqui:
https://foro20.com/7166-script-para-que-tengan-que-darle-like-los-videos-6.html#.UqDymNLuKE5
