YouTube PHPBB

[briess]

I'm having a slight issue with the fullscreen button on an embeded youtube video that is displayed using Highslide.

I have the following for the PHPBB code:

Code: Select all

<div id="youtube_preview"><a href="http://www.youtube.com/v/{TEXT}&autoplay=1&fs=1&hd=1" onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 425, height:380, align: 'center', headingText: 'YouTube Video', dimmingOpacity: '0.75' } )"><div id="youtube_overlay"></div><img alt="YouTube" src="http://i.ytimg.com/vi/{TEXT}/default.jpg" /></a></div>

Clicking the fullscreen button does nothing... when not displayed in highslide it works.

[RoadRash]

You need to allow full screen ÔÇô like this:

Code: Select all

<a href="http://www.youtube.com/v/a0qMe7Z3EYg&hl=en&fs=1" onclick="return hs.htmlExpand(this, { objectType: 'swf', objectWidth: 480, objectHeight: 385, width: 480, swfOptions: { params: { allowfullscreen: 'true' } }, maincontentText: 'You need to upgrade your Flash player' } )"
		class="highslide">
	Display YouTube movie
</a>

See example page: http://www.roadrash.no/hs-support/youtube-center.html

[RoadRash]

EDIT:

I can see from your code that you are opening the movie in an iframe.
My solution will not work when using objectType: 'iframe'. You should use objectType: 'swf' instead - as in my example page.

[briess]

Well now when I click the play, it expands to full size by default. I even copied and pasted your example and it still did the same thing, could it be something in my highslide-full.js or hs.<params>?

Code: Select all

hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header no-footer no-move';
hs.fadeInOut = true;
hs.dragByHeading = false;
hs.transitions = ['expand', 'crossfade'];

Those are the params I pass in the header...

also my highslide_full.js is located at http://aionpandemic.com/includes/highsl ... de-full.js

EDIT:
Here is an example of whats happening...
http://aionpandemic.com/forums/viewtopi ... 11&start=0

[RoadRash]

Did you remember to include the swfobject.js file?

Code: Select all

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>