Regalo Script bloquear videos (VK y YouTube)

Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

kanikase Seguir

Préstamo
Ómicron
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2014
Mensajes
4.716
DEMO

Hola amigos, este será mi tercer regalo, y espero que les sirva, se trata de un script para bloquear los videos de YouTube y VK, como veo que andan de moda las webs de peliculas online, por eso lo estoy regalando, aunque yo no lo uso, porque quiero trafico solo de Google, a alguno le debe servir, aqui los pasos para instalarlo:

Primero, se van a la edicion HTML, busca </head> y justo arriba agregan:
HTML:
<!-- VIDEOS BLOQUEADO -->
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=1439152689637274";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

window.fbAsyncInit = function() {
FB.init({
appId: '1439152689637274', 
status: true,
xfbml: true
});
// Additional initialization code such as adding Event Listeners goes here
};
function youtubeblocker() { 
FB.ui( {
method: '../sharer.php?u=' +document.URL+ '&pass=',
},
function(response) {
if (response) {
$("#image, #play, #play-button, #sharebox").fadeOut('slow');
} else {
alert('Error, no haz compartido el vidéo, hazlo para que puedas verlo.');
}
}
);
};
function sharebox(){
$("#sharebox").show();
}
function vk (IDvk) {
  var output1 = '<div id="youtubeblocker"><div id="image" style="background:transparent;"><div id="play"><div id="play-button" onclick="sharebox();"></div></div><div id="sharebox" onclick="youtubeblocker();"><span style="color:#fff;font-weight:bold;margin-left:23%;font-size:19px;">VIDEO BLOQUEADO</span><br/><br/><span style="color:#EFEFEF;font-size:16px;">Para ver este video compartelo y se quitara esta ventana. Disfruta de este estupendo video.</span><br/><br/><center><div id="boton-compartir"></div></center></div></div><iframe src="http://vk.com/video_ext.php?' + IDvk + '"' + 'width="610" height="400" frameborder="0"></iframe></div>';
document.write (output1);
}
function youtube (IDyoutube) {
  var output2 = '<div id="youtubeblocker"><div id="image" style="background:transparent;"><div id="play"><div id="play-button" onclick="sharebox();"></div></div><div id="sharebox" onclick="youtubeblocker();"><span style="color:#fff;font-weight:bold;margin-left:23%;font-size:19px;">VIDEO BLOQUEADO</span><br/><br/><span style="color:#EFEFEF;font-size:16px;">Para ver este video compartelo y se quitara esta ventana. Disfruta de este estupendo video.</span><br/><br/><center><div id="boton-compartir"></div></center></div></div><iframe width="610" height="400" src="http://www.youtube.com/embed/'+IDyoutube+'?autoplay=0" frameborder="0" allowfullscreen></iframe></div>';
document.write (output2);
}
</script>
<!-- VIDEOS BLOQUEADO -->

Y ahora, agregan los estilos, lo pueden hacer agregandolo directamente a la hoja de estilos, o en la etiqueta <style>:
HTML:
<style type="text/css">
#youtubeblocker {
position:relative;
margin:0px auto;
cursor:;
overflow: hidden;
border:0px solid #000;
width:600px;
height:400px;
z-index: 9999;
}
#youtubeblocker iframe {
display:;
}
#youtubeblocker #image {
width:100%;
height:0;
background-size:100% 100%;
}
#youtubeblocker #play {
position:absolute;
top:0;
left:0;
display:block;
width:600px;
height:400px;
background: transparent;
border:0px solid #000;
z-index:1;
}
#youtubeblocker #play-button {
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:600px;
height:350px;
}
#youtubeblocker #play-button:hover {
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:600px;
height:350px;
background: transparent;
}
#youtubeblocker #sharebox {
display: none;
cursor: auto;
position: absolute;
top: 20%;
left: 25%;
width: 300px;
height: auto;
background-color: #236ba3;
background-image: -moz-linear-gradient(#236ba3,#0e4168);
background-image: -webkit-gradient(linear,0% 0,0% 100%,from(#236ba3),to(#0e4168));
background-image: -webkit-linear-gradient(#236ba3,#0e4168);
background-image: -o-linear-gradient(#236ba3,#0e4168);
border-radius: 4px;
z-index: 2;
padding: 8px;
}
#boton-compartir {
background: url('https://dl.dropboxusercontent.com/s/d7i647kwokmovlx/descarga.png');
width: 137px;
height: 22px;
cursor: pointer;
background-repeat: no-repeat;
margin: 14px auto;
}
 </style>

Y listo, ya tendran todo listo, ahora lo unico que tienen que hacer es agregar el video, ya sea de VK o YouTube, para esto, solo agregamos lo siguiente en la edicion de Texto o HTML:
HTML:
<!-- Video de VK -->
<script>vk("oid=228460966&id=168071075&hash=c5bdd412b8a18083&hd=1");</script>
<!-- Video de YouTube -->
<script>youtube("dFztsbGZAe8");</script>

Y listo, ahora si ya tienen todo, los videos, tiene un tamaño definido, que es 610x400, lo pueden cambiar :D pero si lo hacen, tambien tendran que modificar un poco los estilos, eso no lo explicare.
Fin.
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Arriba