- This topic has 12 replies, 3 voices, and was last updated 6 years, 7 months ago by Tom.
-
AuthorPosts
-
July 16, 2017 at 6:47 am #350111Leon
Hi Tom
I like your videos on the generatepress home page. I noticed that they are actually pictures and when I click it, videos will popup.
May I ask if you are using a plugin or embed code from Vimeo or?
I tried to embed videos from youtube using iframe, or popup plugins. But they all load the video when the page loads, which is not what I want. Because youtube is blocked in China and because I want it to load only when user clicks so it doesn’t influence the page load speed too much.
Would you mind to share? :))
Thank you!
LeonJuly 16, 2017 at 9:21 am #350204LeoStaffCustomer SupportHi there,
Looks like it’s just a normal link with a picture: https://s13.postimg.org/sbr7uyjgn/genvideo.png
July 16, 2017 at 9:55 am #350216LeonHi Leo,
If i insert a normal link on the picture, when I click it it’ll go to the video page, not a lightbox that plays the video.
Anywhere I made it wrong?
Thanks
LeonJuly 16, 2017 at 10:38 am #350231LeoStaffCustomer SupportAhh I think Tom is using something like this: http://sorgalla.com/lity/
July 18, 2017 at 8:28 am #351207LeonHi Leo,
It’s too complicated for me to get the lity to work. But thank you for your time!
Leon
July 18, 2017 at 9:04 am #351228TomLead DeveloperLead DeveloperA plugin like this might simplify things a bit: https://en-ca.wordpress.org/plugins/wp-featherlight/
July 18, 2017 at 9:57 am #351247LeonThanks Tom. I installed this plugin. I believe it’s getting close even though it’s still not working yet.
Here is what I did.
I inserted a picture to a page. added a link to that picture. added the data-featherlight=”iframe” as I learned from the doc.
“Featherlight generates an iframe with the ‘iframe’ keyword and a given url
Open example.com in an iframe
Options iframeWidth, iframeMinWidth, etc. or their corresponding data attributes data-featherlight-iframe-width, data-featherlight-iframe-min-width are used as CSS when present.$.featherlight({iframe: ‘editor.html’, iframeMaxWidth: ‘80%’, iframeWidth: 500,
iframeHeight: 300});”But this is what I got if you can help check my page: https://interpreterdatabase.com/test
I didn’t do anything about the the below code:
$.featherlight({iframe: ‘editor.html’, iframeMaxWidth: ‘80%’, iframeWidth: 500,
iframeHeight: 300});”Do I also need to put those code somewhere to get it work? If so, where should I put those code please?
Thank you
LeonJuly 19, 2017 at 12:30 am #351496TomLead DeveloperLead DeveloperHmm they must make it more simple than that to display videos – have you asked the developer? If you’re going to do all that, you might as well go with Lity.
July 19, 2017 at 2:04 am #351542LeonHi Tom,
Thank you for helping me. It might be a good idea for me to come back and add this function to my website at a later stage. Both of them are too complicated for me right now.
Thank you for taking time.
LeonJuly 19, 2017 at 11:57 am #351834TomLead DeveloperLead DeveloperNo problem, if you want to tackle it just let me know and I’ll be happy to help ๐
July 19, 2017 at 10:49 pm #352016LeonThanks Tom. You are great.
August 4, 2017 at 12:47 am #359542LeonHi Tom,
I’m just coming back to say thank you again. I just made Feather Light to work well. And that’s your suggestion for me from the very beginning.
Thank you.
LeonAugust 4, 2017 at 1:20 am #359562TomLead DeveloperLead DeveloperGreat to hear! You’re welcome ๐
-
AuthorPosts
- You must be logged in to reply to this topic.