question about a video

(20 posts) (3 voices)

1. 

   guitarwire
   Member

   Here is my website for reference: http://www.forgingideas.com

   is there anyway that you guys know of that when people click on the large image, that the video would come up on the same page and fade out the backround?

   I know I've seen it been done lots all over the internet but honestly I lack a lot of knowledge in a lot of areas.

   Thanks for your help!

   Update: I found out what I'm looking for is a lightbox. I installed the Prettyphoto plugin, But now I'm wondering if there is a way to put html in the link slot.

   -Dustan Townsend

   Posted 1 year ago #
2. 

   guitarwire
   Member

   This will be a much simpler way of putting it

   http://www.forgingideas.com/html.jpg

   is there any way I could put a lightbox code in there, or do you know of where i could find the code to manually edit it?

   Posted 1 year ago #
3. 

   Elliott
   Support

   Hello guitarwire,

   I just tried this out and was able to get it working. I noticed that you posted this in the HTML/CSS section but the image refers to the Wordpress admin. I'll go ahead and move this to the Wordpress section.

   First off open up /wp-content/themes/infocus/lib/includes/featured-custom.php and on line 74 you should see this..

   <a href="<?php if(!$$custome_url){echo '#';}else{echo $$custome_url;} ?>" class="load_slider_img">

   Go ahead and change it like this..

   <a rel = "prettyPhoto[slider]" href="<?php if(!$$custome_url){echo '#';}else{echo $$custome_url;} ?>" class="load_slider_img">

   And then when you set your URL's in the admin settings make sure to set the full path to your image in both the "Image URL" and "Link URL" fields. (see attached image)

   Let us know if this works for you guitarwire.

   

   Attachments

   1. 1.jpg (32.6 KB, 1 downloads) 1 year old

   Posted 1 year ago #
4. 

   guitarwire
   Member

   Thank you for replying back :)

   I can't seem to get this to work for my video. Is this code only to bring up a picture?

   Its an mov file that im looking to bring up in a light box

   would I have to replace maybe prettyphoto[slider] to [movie] or something?

   Thanks again! :)

   Posted 1 year ago #
5. 

   Elliott
   Support

   Hey guitarwire,

   For a .mov then try adding ?width=640&height=340 to the end of your URL like this,

   http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340

   Where 640 x 340 is the dimensions that you want.

   I just wanted to confirm, you are using Wordpress correct?

   Posted 1 year ago #
6. 

   guitarwire
   Member

   yup i'm using wordpress. My website is http://www.forgingideas.com for reference.

   I tryed adding the url and yes it does link to the .mov but I'm looking to have it come up in a light box instead of going to another page.

   is there anyway to do that that your aware of?

   Posted 1 year ago #
7. 

   Elliott
   Support

   I dont know if this makes a difference or not but try changing [slider] to [movies] like this..

   <a rel='prettyPhoto[movies]'>" class="load_slider_img">

   And try placing this in the link URL, http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340

   I was able to get it working this way. Let us know if it works for you guitarwire.

   Posted 1 year ago #
8. 

   guitarwire
   Member

   hmm unfortunately its not working. If you click the link it goes to the video on a white backround.

   I'm using the plug-in "WP-prettyPhoto"

   is there a certain way to configure the settings for the plug-in?

   Posted 1 year ago #
9. 

   guitarwire
   Member

   by the way I changed it back to [slider] and tryed to link the lightbox to an image just to see if it came up as a lightbox, But still unfortunately its on a white backround.

   Really not sure why its not working :p sorry for the hassle

   Posted 1 year ago #
10. 

    Elliott
    Support

    Hello guitarwire,

    inFocus already comes pre installed with all necessary code to get it working. Make sure you deactivate and uninstall the prettyPhoto plugin as it may be causing conflicts.

    This is how your link is currently setup..

    <a class="load_slider_img" href="http://www.forgingideas.com/tour.jpg">
    <span id="img1"><img src="http://www.forgingideas.com/tour.jpg" style="" alt=""></span>
    </a>

    You need to add rel = 'prettyPhoto[movies]' like I suggested in my previous post.

    Posted 1 year ago #
11. 

    guitarwire
    Member

    Kk I removed Prettyphoto, and I changed featured-custom.php to:

    a rel = "prettyPhoto[movies]" href="<?php if(!$$custome_url){echo '#';}else{echo $$custome_url;} ?>" class="load_slider_img"

    is there something else I should edit? I understand I'm missing something very basic, I really appreciate your help Elliott. Thank you very much.

    Posted 1 year ago #
12. 

    Elliott
    Support

    If your on inFocus 1.6 then go ahead and download the attached zip file and extract it into /wp-content/themes/infocus/lib/includes/

    And then navigate to Dashboard -> inFocus -> Homepage and make sure you set this URL inside the "Link URL" field..

    http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340

    If that still does not work for you then go ahead and set me up with WP Login and FTP details so I can take a closer look.

    Attachments

    1. featured-custom.zip (1.6 KB, 3 downloads) 1 year old

    Posted 1 year ago #
13. 

    guitarwire
    Member

    You sir are my HERO!! thank you so much works like a charm :)

    Posted 1 year ago #
14. 

    Elliott
    Support

    Glad it worked for you guitarwire, if you need anything else then let us know.

    Posted 1 year ago #
15. 

    guitarwire
    Member

    I guess the last thing I was wondering, Is there a way i can use vimeo instead of a .mov?

    Just wanna make sure I ask you guys before starting to tweek around with it for a few hours (probably)

    Posted 1 year ago #
16. 

    guitarwire
    Member

    nvm, if i just put the link to vimeo it works. but if I wanted to change the size of the video and add the full screen option would I change that in the featured-custom.php or just in the video url?

    thank you for your time

    Posted 1 year ago #
17. 

    Elliott
    Support

    Hello guitarwire,

    You can specify the width and height when just embedding Vimeo but I do not think you can do this with prettyPhoto. I will do some more searching tomorrow.

    Posted 1 year ago #
18. 

    azchipka
    Member

    Ok so heres the big question how do I set it up so only Video files and images are effected by the lightbox on click. I need PHP and HTML files to continue to function normally and act as a link, aka I still need the read more button to work to direct people to a new page.

    Posted 1 year ago #
19. 

    azchipka
    Member

    In short I need:

    1: URL for the image to be displayed.
    2. URL for the video for the lightbox
    3. URL for the Read Me Button.

    Posted 1 year ago #
20. 

    Elliott
    Support

    That would have to be considered custom work at this time azchipka. We have a new framework in development so we will probably see video added to the slider in a future update.

    Sorry for the inconvenience.

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.