Menu
I would like to use magnifico-popup to display a locally hosted mp4 file.
Do I need to define an iframe pattern for this or is there a simpler option.
Many thanks for your thoughts
Anita
201
Magnific requires it's own CSS code in order to display things properly. Simply add the magnific-popup. css to your page like a normal CSS document. You should include it after your reset/normalize, but before your own styles.
All you need to do to use Magnific Popup on a link is to add specific css class to 'a' tag. CSS class names can be configured on settings page. For images you can use alt attribute to add captions. This plugin is only basic version and does not support all features of Magnific Popup yet.
Magnific Popup is a fast, light, mobile-friendly and responsive lightbox and modal dialog jQuery plugin. It can be used to open inline HTML, ajax loaded content, image, form, iframe (YouTube video, Vimeo, Google Maps), and photo gallery. It has added animation effects using CSS3 transitions.
You'll need to integrate some third-party video player, for example http://mediaelementjs.com/
I'd recommend to use inline type of popup, as it allows you to open in popup any HTML code. http://dimsemenov.com/plugins/magnific-popup/documentation.html#inline-type
Related example: http://codepen.io/dimsemenov/pen/GtjBb
78
You can use the type of content - iframe to open MP4 video:
<a class="mfp-iframe" href="MP4_VIDEO_PATH">Open MP4 video in iframe</a>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
