Hello
The plugin can show mp4/ogv/wmv/webm video files (free and PRO versions). You can read here discussion about it.
What I understand from the forum discussion, all that is needed is a class name of “ari-fancybox” on the ‘a’ tag referencing the video. The documentation does not indicate anything about it. Is this correct?
So, when I did this the lightbox and video does open, however it opens beneath the viewport. I can hear the audio, but have to scroll down to see a super large video that causes both vertical and horizontal scrolling. Are there any other classes or HTML markup needed?
Here is what I have in the markup:
<a class="view-video ari-fancybox" href="http://mywebsite.com/wp-content/uploads/title-of-video.mp4">View Video</a>
In order to bring the video back to a normal size and remove the white slide background, I had targeted the slide and added a few CSS styles. It seems I should not have to do this though if the plugin supports MP4 video.
.fancybox-slide>video {
padding: 0;
width: 80vw;
background-color: #000;
}
I’d appreciate any insights you can offer!
Thanks,
Darin
-
This reply was modified 8 years, 1 month ago by
darinroman.
-
This reply was modified 8 years, 1 month ago by
darinroman.
If you want to attach the lightbox to the particular link, just add “ari-fancybox” CSS class to the link. The lightbox doesn’t provide ability to convert all links for local video files automatically. We will add this description to the documentation, sorry for inconvenience.
BTW, the plugin doesn’t require to add any specific CSS classes/styles/custom CSS rules for video content. Could you provide a link to a page where the problem occurs to have ability investigate it? Probably it is a style conflict.