How to link youtube video to my channel or website

**biomike** · 02-10-2010, 03:50 PM

I have uploaded a Youtube video to my website http://www.bioenergyhealing.org.uk/test

If you click on the video at the end it goes to the general youtube page. i would like it to link to my own youtube channel http://www.youtube.com/bioenergyhealing or otherwise my video page on my website http://www.bioenergyhealing.org.uk/video

Has anyone got any suggestions.

Thanks

Michael

**twQ** · 02-10-2010, 03:56 PM

Add this to the youtube code:

Code:

<param name="wmode" value="transparent">

Add this to the embed object:

Code:

wmode="transparent"

and then make a link or div or whatever position absolute and put it over the video. (only the video not the controls) If you provide some code I can probably fix it.

Also you can hold out there may be an incredibly better way to do this, I just picked the first way that came to mind. I used the simple way.

More on this: http://www.electrictoolbox.com/div-l...vimeo-youtube/

Tim

edit to my edit: wrong post sorry

**biomike** · 02-10-2010, 04:05 PM

Hi Tim

Thanks for your suggestion the code is

Code:

<object width="560" height="340"><param name="movie" 
value="http://www.youtube.com/v/JTttSMPz3Y4&hl=en_GB&fs=1&">
</param><param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/JTttSMPz3Y4&hl=en_GB&fs=1&"
 type="application/x-shockwave-flash" allowscriptaccess="always"
 allowfullscreen="true" width="560" height="340"></embed></object>

**twQ** · 02-10-2010, 04:12 PM

I feel the best implementation would be through Flash, which I have NO skill in. It can be done through JavaScript if you would still like it though, I'd be happy to.

EDIT: I have something kind of working through JavaScript.

Issues remaining are:
You can't use the controls like volume or quality (the ones that overlap onto the video) - play/pause, seeker, and fullscreen work.

The first click registered within the Flash is when the link becomes active. So if they click volume the movie part immediately becomes a link. Or if
they pause the play button that appears within the movie will not work.

No linking in fullscreen.

anddd that's it. I do not recommend this as a permanent solution but if you need something temporarily you could maybe use it while a Flash alternative is made (or a better JS one). You could workaround some problems (disable fullscreen).

As well as the YouTube app appears to allow JS access (maybe?) but I don't know how to use that so my simple script could be improved if this works like it appears. I could give you what I have and you can work with it if you like.

Let me know,
Tim

**twQ** · 02-10-2010, 04:49 PM

Here's the code. Do with it what you like, it's simple no harm if you don't use it. Sorry I couldn't be more help, I don't have any experience with Flash. When I started I didn't for see some issues.

Put this in the head:

Code:

<script type="text/javascript">
function youClick() {
var cheight = document.getElementById('youclicklink').style.height;
String(cheight);
cheight = cheight.replace('px','');
cheight = parseInt(cheight);

document.getElementById('youclicklink').style.height = cheight-25+'px';
document.getElementById('youclicklink').style.display = 'block';
}
</script>

This is your movie:

Code:

<a href="yoururl" style="display: block; position: absolute; width: 560px; height: 340px; display: none;" id="youclicklink"></a>
<object width="560" height="340" onclick="youClick();">
<param name="movie" value="http://www.youtube.com/v/JTttSMPz3Y4&hl=en_GB&fs=1&">
</param>
<param name="wmode" value="transparent"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/JTttSMPz3Y4&hl=en_GB&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="560" height="340"></embed></object>

You URL goes where it says...well yoururl. The height and width of the link (the red numbers) should be the height and width of the YouTube video.

Also, notice on the <object> tag I have added: onclick="youClick();"

These things will be useful should you choose to use the script/part of it.

Tim

EDIT: People might be thinking he's in the Flash forum why no Flash experience? I didn't know I was in the Flash forum actually haha I just saw it in recent posts. Sorry.