javascript - How to hide the URL when hover over a link? -
would possible when hover on image href won't display link raw video? (bottom left of web browser)?
also, how can disable right click won't video options.
<article> <a class="thumbnail" href="http://vjs.zencdn.net/v/oceans.mp4"> <img src="http://i.livescience.com/images/i/000/026/853/iff/ocean-waves-beach.jpg?1336055104" alt="" /> </a> </article> since no video tags being used, i'm not sure this.
my idea maybe href toggle javascript function. function pretty same thing. store raw link in variable.
with css only, can set layer on top of link. below example of using pseudo element :before + position tricks.
article { position: relative; display: block; } article:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } <article> <a class="thumbnail" href="http://vjs.zencdn.net/v/oceans.mp4"> <img src="http://i.livescience.com/images/i/000/026/853/iff/ocean-waves-beach.jpg?1336055104" alt="" /> </a> </article> with javascript, try following approach.
<article> <a class="thumbnail" href="javascript:void(0)" onclick="javascript:location.href='http://vjs.zencdn.net/v/oceans.mp4'"> <img src="http://i.livescience.com/images/i/000/026/853/iff/ocean-waves-beach.jpg?1336055104" alt="" /> </a> </article>
Comments
Post a Comment