Joomla Templates Club 406,261 posts

[davidrabinov Friend davidrabinovJoin date: January 2010Posts: 128Downloads:0Uploads:5 Thanks: 15 Thanked: 1 times in 1 posts]

#147626

Hi,

2 questions:

1) In the template demo the videos in the tabs 2 module work fine, however when I go to change them for different ones they don’t work. A blank popup screen comes up

2) How do I set up the thumbnails?

Thank you

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#329226

Videos are played from YouTube. Code is as follows

<div class=”ja-video-thumb”>{japopup type=”youtube” content=”http://www.youtube.com/v/XXXXXXXXXX” width=”640″ height=”380″ title=”YOUR TEXT COMMENTING THE VIDEO”}<img alt=”YOUR TEXT COMMENTING THE VIDEO” border=”0″ src=”http://img.youtube.com/vi/XXXXXXXXXX/2.jpg” />{/japopup}</div>

where
XXXXXXXXXX – is the code of video assigned by YouTube (you see it in video’s URL)
2.jpg – thumbnail, could be 1.jpg or 3.jpg

1 user says Thank You to gray for this useful post

1. brightzahabu

[davidrabinov Friend davidrabinovJoin date: January 2010Posts: 128Downloads:0Uploads:5 Thanks: 15 Thanked: 1 times in 1 posts]

#329243

Ok, I figured it all out

To add to the above post

From the embed area you add ONLY the link you see in red:

<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/ki4UKsI8bms&hl=en_US&fs=1&amp;“></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/ki4UKsI8bms&hl=en_US&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”344″></embed></object>

Then for the image you add:

<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/ki4UKsI8bms&hl=en_US&fs=1&”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/ki4UKsI8bms&hl=en_US&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”344″></embed></object>

So it looks like this:

http://img.youtube.com/vi/ki4UKsI8bms/2.jpg

I hope this example is clear for others, I could probably explain it better but I don’t have the time.

This is how I’m doing mine, if there’s a better or easier way out there please post it.

[madeline63 Friend madeline63Join date: January 2010Posts: 92Downloads:0Uploads:30 Thanks: 11 Thanked: 1 times in 1 posts]

#338383

hi,

i am trying to embed youtube in my frontpage website, but the video cant appear, it show “an error is occured, please try again later.”

this is the code i embed in a custom module.

<div style=”background-color: #000000;”>
<object width=”390″ height=”205″>
<param name=”allowFullScreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”wmode” value=”transparent” />
<param name=”src” value=”http://www.youtube.com/v/AKClo1O3Xdc&hl=en_US&fs=1&” /><embed allowfullscreen=”true” src=”http://www.youtube.com/v/AKClo1O3Xdc&hl=en_US&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” wmode=”transparent” width=”390″ height=”205″></embed>
</object>
</div>

but after i saved, it change to

<div style=”background-color: #000000;”>
<object codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,32,18″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”390″ height=”205″>
<param name=”allowFullScreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”wmode” value=”transparent” />
<param name=”src” value=”http://www.youtube.com/v/AKClo1O3Xdc&hl=en_US&fs=1&” /><embed allowfullscreen=”true” src=”http://www.youtube.com/v/AKClo1O3Xdc&hl=en_US&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” wmode=”transparent” width=”390″ height=”205″></embed>
</object>
</div>

is this affected? else what else did i miss??

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#338835

Hello madeline63!

but after i saved, it change to

<div style=”background-color: #000000;”>
<object codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,32,18″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”390″ height=”205″>
<param name=”allowFullScreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”wmode” value=”transparent” />
<param name=”src” value=”http://www.youtube.com/v/AKClo1O3Xdc&hl=en_US&fs=1&” /><embed allowfullscreen=”true” src=”http://www.youtube.com/v/AKClo1O3Xdc&hl=en_US&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” wmode=”transparent” width=”390″ height=”205″></embed>
</object>
</div>

You code is working well, may be the editor striped these tags on your site, now you turn off the editor via global setting or turn off the editor plugin, and try to do again

GOod luck

[Author]

Posts