• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

How to open Media Sites in an Overlay!

faeronsayn

Well-known member
#1
I don't know how this can be done, but I am sure its quite easy to do through bbcode or something.

All I want is have embedded media sites like youtube, megavideo, dailymotion, and other sites similar to those open in an overlay.

So they are embedded and they are like a little picture with a play button in the middle, once clicked an overlay opens and darkens the surroundings like what it does when you click on login / signup.

And then you can play the video.

Almost exactly like how its done on 8wayrun.

Here is an example:

http://8wayrun.com/threads/kayanes-video-interview-with-tago-san.8098/

This is very important or at least a must for me, since my site uses a lot of videos, and I don't want them to be "in the way".

I know this should be quite easy, if anyone can do this, or knows how please let me know.
 

faeronsayn

Well-known member
#5
After digging around and looking at sources of some pages, I've figured out that the media overlay is actually happening with a plugin, its called xenMedio ... from Jaxel himself, now I just need to replicate it and make it work with my bbcode media sites...

Here is the xenmedio plugin using the overlay...
Code:
<xen:require css="EWRmedio.css" />

<div class="medioBBc" {xen:if $float, 'style="float: {$float};"'}>
<div class="bbCodeBlock bbCodeQuote">
<div class="attribution type">{$media.media_title}</div>
<blockquote>
<div class="bbCodeMedio" style="background: url('data/media/{$media.media_id}.jpg') no-repeat;">
[B]<a href="{xen:link 'media/popout', $media}" class="OverlayTrigger">[/B]
<img src="js/8wayrun/EWRmedio_play.png" />
</a>
</div>
</blockquote>
</div>
</div>
and now I need to integrate this somehow so it works with....

one of my media sites with the following code....

Code:
<iframe src="http://www.putlocker.com/embed/{$id}" width="600" height="360" frameborder="0" scrolling="no"></iframe>
Instead of using the thumbnail of the video, I am fine with using a pre - made image for the different sites...

If anyone has an idea on how to implement this, so when user puts a url of maybe putlocker ... or something it shows a play button with maybe the picture of put locker, once clicked on that image it would open up an overlay with the video inside it...

Please help here :p
Based on my understanding of the overlay system that is more than a simple modification.

That is Jaxel's site. You should contact him:

http://xenforo.com/community/members/jaxel.1295/