To do it, add a video with a splash image, preferably in PNG format, then add a line to the shortcode specifying the lightbox function. There is a possibility of creating a video lightbox popup that emerges from an image, which might be useful for creating simple buttons. This is the shortcode of the example above: Here’s an example, just click on this link to see the video. To do this, just create a regular video shortcode and add these parameters into it: The FV Player shortcode can be used to create a simple text link which will open a video in Lightbox after clicking on it. add the line lightbox=”true ” into the shortcode. Just create one using any of the available styles and turn on the Lightbox popup in the Options tab of the shortcode editor. You can use the Lightbox on a video playlist. This will enable you to easily cycle through the videos. If you have more than one picture or video on a page, a Next and Prev button will appear as you hover the mouse over the Lightbox pop-up. Multiple videos/images with Lightbox function In this case, both images and videos are set up to appear in lightbox. You can try it for yourself below (click on the image and start browsing through). To activate this function, go to Settings -> FV Player -> Sitewide Flowplayer Defaults, scroll down and check the Use video lightbox for images as well box. container div element ::after pseudo selector. To stop affecting to the text, we need to set a background-image and opacity to the. In the above example, the opacity is also applied to the h1 element text. This reduces the possibility of performance issues and also the risk of security threats. When we set a opacity to the parent element which has a background-image, the opacity is also inherited to its child elements. You don’t need to use an extra plugin for handling the Lightbox for images, our Lightbox feature can easily handle them as well. The second one – lightbox dimensions – will determine the size of the splash image placed on the page.įor example: splash image size = 200 x 150 Lightbox video size = 600 x 338. The first one – video dimensions – will determine the size of the lightbox window in which the video will play. The caption will be shown under the video after the lightbox is opened.Ī video with lightbox has two dimension settings. There are also two fields for setting the dimensions and one for writing a caption. Turning on the Lightbox feature in the Options tabĪs you can see, there is a box you need to check to turn on the function on a given video. After you have turned on the feature, you will see a new field in the Options tab – Lightbox popup. Just open it and add a new video (or edit an existing shortcode). The first one is easier and is done via the shortcode editor. To turn it on, go to Settings -> FV Player – > Setup tab -> Post Interface Options and check the Enable video lightbox box at the bottom. This has changed with releasing the version 6.0.4.23 – the feature was moved to the free version of FV Player, now available to everyone. Lightbox was one of the features exclusive to FV Player Pro. Copy and paste this HTML code into your webpage to embed.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |