![]() ![]() When you exit Video Lightbox, you'll be asked if you want to save your video popup on homepage project. Save your web video gallery as project file. If this website enables anonymous connections, just type in anonymous as the username and your e-mail address as the password. If you do not fill in this information, Video LightBox is unable to connect to your site and thus not able to upload your videos to website. Type in your username and password for the connection. If your web site uses another port, you will have to enter it here. The FTP port is normally located on port 21 thus this has been prefilled for you already. You will have to type in your hostname, e.g. Now type in a meaningful (this is not the actual hostname) name for your site and fill in the FTP details in the appropriate fields. You are able to add a new FTP site by clicking " Edit" to the right of the " Publish to FTP server" drop down list. The FTP Location Manager window enables you to define a number of connections for use when uploading your web site gallery to an FTP. You can also set " Open web page after publishing" option. To select a folder on your hard drive, just click the Browse folders button and choose a location. ![]() The widget will is useful, as long as you have the URL of a video.īelow is how the widget will look like, click on the link to see the pop-up with lightbox effect. You can’t use this with Weebly Pro HD video player element as you will not get uploaded video URL when using that element.You can also use it on any other platforms. This widget is referenced from the jQuery YouTube lightbox widget and modified to suit on the Weebly site.This video popup will work even the user blocked popup in browser. Blocking popups in browsers generally blocks the popup that opens in a new window.Also ensure to describe clearly that clicking on the link will open a popup. We recommend you to use the video popup with no autoplay option to offer better user experience.Max width and height of the popup is defined as 680px and 480 px respectively which you can customize in the CSS. ![]() Replace the image URL and video URLs with your own.Add only the required block of HTML to insert button or text link or image.Vimeo Video without Autoplay as Text Link YouTube Video without Autoplay as Text Link YouTube Video with Autoplay as Button Link Drag and drop an embed code element and insert the below HTML code. Go back to the content area of the page after inserting script and CSS. Download the zip archive file “Video Lightbox.zip” by clicking on the download button below.Īdd Footer Code in Weebly Page Step 5 – Linking CSS in Weebly PageĪdd the below code under “SEO Settings > Header Code” section to link the CSS file. The video lightbox widget requires jQuery script, CSS and HTML. How to Add Widget in Weebly Site? Step 1 – Download the Files The video popup up is fully responsive and works on all devices.Widget has two options to close the popup – either by clicking the close button or by clicking on the outside overlay area.You can customize the width and height of the popup to adjust for your site’s layout.It is possible to link YouTube, Vimeo or any other video source.Video will open in a lightbox popup mode, whenever users click on a link.You can link the widget to a text or button or an image.Here are some of the features of the widget: In this article we will explain how to embed YouTube and Vimeo Video in a popup lightbox using jQuery widget. But all these options will allow you to embed videos on the page without the possibility of showing it in a popup lightbox. Hosted HD video player element is only available for pro and higher plan users. YouTube and embed code elements are available for free users. ![]() Weebly offers many elements to embed videos on your site. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |