• Welcome to PHPVIBE Forums. Please log in.

[ Video Sharing CMS v4 ] facebook Like Button Overlay Video

Started by megaman79,

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

megaman79Topic starter

Hello PHPVibe,

I am trying to put a Facebook Like Button on top of the YouTube Video.
I got a working script loading a transparent .png image, when user click the Play Icon, it will then Auto Play the Video.

Now I want to add a Facebook Like Button on top of this Transparent Image.

/// This is my working Code ///

<div onclick=\"thevid=document.getElementById('thevideo');
thevid.style.display='block'; this.style.display='none'; document.getElementById('iframe').src =
document.getElementById('iframe').src.replace('autoplay=0','autoplay=1');\">

<img style=\"cursor: pointer;\" src=\"http://www.domain.com/images/playicons.png\" alt=\"VIDEOS\" />
</div>

<div id=\"thevideo\" style=\"display: none;\">
<iframe id=\"iframe\" width=\"" . $this->width . "\" height=\"" . $this->height . "\" src=\"http://www.youtube.com/embed/" . $videoId . "?wmode=transparent&rel=0&autoplay=0&amp;title=&amp;html5=1&amp;modestbranding=1&amp;nologo=1&amp;vq=large&amp;iv_load_policy=3&amp;ps=docs\" frameborder=\"0\" allowfullscreen=\"true\"></iframe>
</div>

See Image:

I hope I can get this done with some help from you.

Thanks a lot.
"Very Happy with PHPVibe"
  •  

ikmoon

viDeoikdrive_1M7N6D.gif" border="0
video.ikdrive.com - funbangla.com - you-tube.ga
video based cms hosting solutions and services
IKDRIVE - websystems
www.ikdrive.com
  •  

megaman79Topic starter

"Very Happy with PHPVibe"
  •  

PHPVibe A.

What's the problem, just place a div with position:absolute and an huge z-index right before/after $embedcode , place the code in it...you are set.

megaman79Topic starter

Quote from: Alexander on
What's the problem, just place a div with position:absolute and an huge z-index right before/after $embedcode , place the code in it...you are set.

Alexander can you give me an example. I don;t know that much of coding. I will appreciate a lot.

"Very Happy with PHPVibe"
  •  

PHPVibe A.

<div style="z-index:9999999999999999; position:absolute; bottom:30px; left: 45%;">

Your like content goes here

</div>

megaman79Topic starter

Quote from: Alexander on
<div style="z-index:9999999999999999; position:absolute; bottom:30px; left: 45%;">

Your like content goes here

</div>


Thanks so much Alexander.

It works excellent. I appreciate this so much. I'm looking for ways to build more traffic to my site.



"Very Happy with PHPVibe"
  •  

knightandday

This looks like an awesome addon. Did you see any rise in traffic/likes?
  •  

megaman79Topic starter

Quote from: knightandday on
This looks like an awesome addon. Did you see any rise in traffic/likes?

Yes, I see more visitors from Facebook!
"Very Happy with PHPVibe"
  •  

knightandday

that's awesome, can you help me set it up on my website as well? would appreciate it
  •  

tesladisk

what file you place this script i am interested
  •  

PHPVibe A.

in the video.php in your current template, next to $embedcode

agente

I use <div style="z-index:9999999999999999; position:absolute; bottom:30px; left: 45%;"> method with like standard button of facebook :

<div class="fb-like" data-href="mypage" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div>

I have a problem.. when click on "like" i cannot see the window that usually open. Some advice?
  •  

maldboy

Quote from: megaman79 on
Thanks so much Alexander.

It works excellent. I appreciate this so much. I'm looking for ways to build more traffic to my site.
can you give mee the code plz?
  •  

maldboy

Quote from: Alexander on
in the video.php in your current template, next to $embedcode
alexander have you any code like this man? if you have help us plz :)
  •  

Similar topics (7)