Question

There is on internet. Such script that, “jumps” before an another image.
So… for example, if I found an image, and I click on “Save as…” I get a 1×1 pixel image in place of the one I wanted to safe.

For example of it is
http://www.youtube.com/watch?v=9bZkp7q19f0
Next to views counter (1’167’974’545) there is an animation. But if I try to copy link or save it, it “push” into my hands useless picture. This script could be very useful on my website. How to do it?

Answer 1

As far as I can see from the code of the youtube page they use the following lines as the html elemnt for that image:

<img class="watch-dancing-psy" src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif">

So normally the image referred to in the src attribute is the 1×1 pixel image.

They use CSS to put the real image like this (when defining the CSS class watch-dancing-psy):

background-image: url(https://s.ytimg.com/yts/img/logo_dancing_psy-vflsJl9hC.gif);