-
AuthorPosts
-
January 26, 2015 at 7:56 pm #385789
Hi,
I would like to have our website visitors click on an image link that will open up a modal window with a video playing in it. Is there a way to do this with Enfold and if not is there any plugins that you recommend for this?January 26, 2015 at 11:25 pm #385925What di you mean by ‘modal window’. Can you gove an example page?
January 27, 2015 at 7:12 pm #386523Hey!
You can use our image shortcode and then set the link to your video. The code would look something like this.
[av_image src='http://localhost/wp-content/uploads/2015/01/waterfall-247x300.jpg' attachment='3657' attachment_size='medium' align='center' animation='no-animation' link='manually,http://www.youtube.com/watch?v=G0k3kHtyoqc' target='' styling='' caption='' font_size='' appearance='' custom_class=''][/av_image]
When the link is set to a youtube or vimeo video then it should open up in the magnific popup.
Best regards,
Elliott- This reply was modified 9 years, 10 months ago by Elliott.
January 27, 2015 at 10:07 pm #386633Thank you very much Elliott.
Is there a way to also hide the back and forward buttons once the video starts playing in the modal? Right now I see:< “video” >
Basically a <> wraps the actual video.
The buttons are probably due to the fact that I have an image in that particular post.
- This reply was modified 9 years, 10 months ago by Edna.
January 28, 2015 at 5:01 pm #387117Hey!
Can you post the link to your page where we can see the issue please?
Regards,
YigitJanuary 28, 2015 at 5:44 pm #387198This reply has been marked as private.January 28, 2015 at 5:46 pm #387202Hi!
Can you please publish the page then post the link once again?
Best regards,
YigitJanuary 30, 2015 at 3:57 pm #388282Hi Yigit,
Here is the link:
http://b85.a2f.myftpupload.com/lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-2-2/ I am pretty sure the arrows are due to the first image on the post.Would it be possible to have such a link (to open the modal) from within a layer slider as well?
And how can I disable the overlay icon?Thanks so much for all
EdnaJanuary 30, 2015 at 4:07 pm #388291Hey!
Please add following code to Quick CSS
.mfp-iframe-holder .mfp-arrow { display: none; } span.image-overlay.overlay-type-video { display: none!important; }
Cheers!
YigitJanuary 30, 2015 at 4:43 pm #388318Thanks so much Yigit. It worked wonderfully
Edna
-
AuthorPosts
- The topic ‘Modal Pop up to play video’ is closed to new replies.