Hello rygo,
It's not difficult provided:
- you know how to use the version 3 youtube player for embedding videos (this player simply pauses when you click on any part of it except where the youtube logo is);
- you are able to exactly locate the coordinates of the logo.
The trick, then, is to place a div on top of the logo. A click on it can bring you to whatever page you want (but this is probable against the Youtube TOS).
Here's an example. If you are not able to locate the position of the youtube logo on the page (given an arbitrary video), just tell me. It's not difficult, really.
Example:
Code:
Text before video<br>
<div style="position:relative;top:10px;left:50px;width:600px; height:500px;">
<object style="position:absolute; width: 100%; height: 100%" type="application/x-shockwave-flash" data="http://www.youtube.com/v/KfSlccV9Lis?version=3&rel=0&autoplay=1&showinfo=0&start=0&autohide=0&controls=1&probably_logged_in=0">
<param name="movie" value="http://www.youtube.com/v/KfSlccV9Lis?version=3&rel=0&autoplay=1&showinfo=0&start=0&autohide=0&controls=1&probably_logged_in=0">
<param name="allowFullScreen" value="true">
<param name="wmode" value="transparent">
<param name="flashvars" value="autoplay=1">
<param name="allowNetworking" value="all">
</object>
</div><br>
<div style="position:relative;left:570px;margin-top:-40px;width:50px;height:30px;cursor:pointer;background:darkred;opacity:0.5;filter:alpha(opacity=50)" onclick="window.location.href='http://www.dynamicdrive.com'"></div><br>
Text after video
===
Arie Molendijk.
Bookmarks