Hi there, I want to make a portfolio where a video pops up and plays in the lightbox instead of an image. I saw in a post a few months ago that this was planned for an update - has it been implemented?
If you want to use vimeo or youtube this could be done with a small modifications, first you need to go edit the portfolio posts and put the youtube or vimeo link in the "Link for external page ( use if you want to link the project to a external page )" ( portfolio options )
Then you will need to edit the ajax-handlers.php or rd_portfolio.php depending if you are using the load more or classic navigation and just go edit the <a> tag and add the prettyphoto class.
Can you please tell us which portfolio type and navigation type you are using.
Hi there, I have now implemented this and it is working great, except on the vimeo iframes there is no button for full screen view. For the YouTube links the button appears but is disabled.
Do you know how I could change the code to add/enable this button?
Hi, I added in the code to allow full screen as you said but it seems not to work. Looking at the prettyphoto modal window when the video appears, there is a class applied to it called .no-fullscreen-support
Where would I be able to find this class to edit it?
Hi there, I want to make a portfolio where a video pops up and plays in the lightbox instead of an image. I saw in a post a few months ago that this was planned for an update - has it been implemented?
Thanks,
Will
Hello Will,
Unfortunately this is not implemented yet.
You would like to use self hosted video or external video link?
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi, ideally a vimeo/youtube link but I could also host them myself.
Will
Hello Will,
If you want to use vimeo or youtube this could be done with a small modifications, first you need to go edit the portfolio posts and put the youtube or vimeo link in the "Link for external page ( use if you want to link the project to a external page )" ( portfolio options )
Then you will need to edit the ajax-handlers.php or rd_portfolio.php depending if you are using the load more or classic navigation and just go edit the <a> tag and add the prettyphoto class.
Can you please tell us which portfolio type and navigation type you are using.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi, I have not yet implemented it but was planning on using the packery squared layout, classic nav, no border no space.
Thanks,
Will
Hello Will,
Then go edit the thefox/functions/rd_shortcodes/rd_portfolio.php and search for
<a
Then please change all the <a> tags that contains href="' . $linkToTheWork . '" and add a class prettyPhotto
for example
<a href="' . $linkToTheWork . '">
become
<a href="' . $linkToTheWork . '" class="prettyPhoto" >
or
<a '.$target.' href="' . $linkToTheWork . '" class="ico_link">
become
<a '.$target.' href="' . $linkToTheWork . '" class="ico_link prettyPhoto">
This should do the trick.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi there, I have now implemented this and it is working great, except on the vimeo iframes there is no button for full screen view. For the YouTube links the button appears but is disabled.
Do you know how I could change the code to add/enable this button?
Related: https://vimeo.com/forums/help/topic:278181
Thanks,
Will
Hello Will,
Could you share a link so we can see if the button is only hidden with css or if something else need to be changed.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
http://www.fionapitcher.com/#productions
Hello,
Apparently the only way to enable fullscreen is to change the javascript of prettyphoto, because it doesn't allow full screen by default.
We are still searching if you can do something using the url parameters.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
OK, do you know where the prettyPhoto library is stored so I can change that?
Should be able to handle that myself.
Thanks,
Will
Hello Will,
You will need to edit the customjs.js file which is in Thefox/js folder
The prettyphoto code is included in this file, you should be able to search for "iframe" then just need to add allowfullscreen I think.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi, I added in the code to allow full screen as you said but it seems not to work. Looking at the prettyphoto modal window when the video appears, there is a class applied to it called .no-fullscreen-support
Where would I be able to find this class to edit it?
Thanks,
Will
Hello Will,
Did you switch to vimeo?
It seems to work currently, do you still have the problem with the youtube video?
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
You're right, seems to be working now! Will be using vimeo links only for the moment so this is fine.
Thanks for all your help.
Will
You're welcome!
Glad to hear that you have been able to do what you looked for.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme