Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Senior Member Fireproofgfx's Avatar
    Join Date
    Apr 2012
    Location
    Washington
    Posts
    839
    Member #
    31498
    Liked
    171 times

    How to make a Video pop-up when clicking on an image or text??

    I am just racking my brain trying to make it to where when you click on an image a youtube video will pop up and work properly. As it stands I have tried dabbling in Modal, Magnific and lightbox but I can't get any to work properly. Any ideas, what do you usually do in this situation? Any and all help would be greatly appreciated, I have been reading GitHub's and watching Youtube videos and I think I am missing something!

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,733
    Member #
    5580
    Liked
    718 times
    I assume you mean a youtube video embedded on your page?

    I think with javascripting/JQuery you would preload all of the photos and embedded youtube vids. The CSS would make the video container "hidden" and the photo container "visible". OnClick listener would cause them to switch ... photo is hidden and video is visible.

    Sort of like this:
    https://codepen.io/martinwolf/pen/dyLAC

    Except the id "video" would be hidden until the link was clicked.
    And the link would be an image not text.


  4. #3
    Senior Member Fireproofgfx's Avatar
    Join Date
    Apr 2012
    Location
    Washington
    Posts
    839
    Member #
    31498
    Liked
    171 times
    Thank you Mlseim for the response. I actually solved it by incorporating Jquery "Flashy" so this did the trick though your would too. Thank You!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:47 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com