Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

MP4 download button
(1 viewing) (1) Guest
"ARI Fancy Lightbox" WordPress plugin
Go to bottomPage: 1
TOPIC: MP4 download button
*
#71145
MP4 download button 1 Year, 4 Months ago Karma: 0
I'm using the paid version and would like the download button to be shown also when displaying MP4 videos.

Example:
one80zwolle.nl/zapier/events/huwelijksklas-met-pastor-rusu/

Below the title are 2 links, "show image" and "show video". The download button is visible and working with "show image". Can it be shown too with "show video"? (MP4)

The source code does have a download link, but the URL is # and the styling prevents it from being displayed:

HTML:
<a href="#" rel="nofollow" class="ari-fancybox-button ari-fancybox-button-download" title="Download" data-fancybox-btn="download"></a>

CSS:
.ari-fancybox-download-hide .ari-fancybox-button-download, .ari-fancybox-share-buttons-hide .ari-fancybox-button-share {
display: none;
}

Your help is appreciated.
The administrator has disabled public write access.
 
#71146
Re:MP4 download button 1 Year, 4 Months ago Karma: 760
Hello,

The plugin shows "Download" button only for images. You can add the following custom JS code to "ARI Fancy Lightbox -> Settings -> Advanced -> Custom JS code" parameter to enable it for videos:

Code:


ARI_FANCYBOX_HELPER.defaults.share.buttons.download.handler = function(itemUrl, title, $btn, current, options, instance) {
var originalItemUrl = current.itemUrl || current.src;
if (!ARI_FANCYBOX_HELPER.isImageLink(originalItemUrl) && !(/\.mp4|\.ogv|\.wmv|\.webm((\?|#).*)?/i).test(originalItemUrl)) {
instance.$refs.container.addClass('ari-fancybox-download-hide');
$btn.attr('href', '#');
return ;
}

instance.$refs.container.removeClass('ari-fancybox-download-hide');

if (options.download)
$btn.attr('download', '');
else
$btn.attr('target', '_blank');

$btn.attr('href', originalItemUrl);
};



Regards,
ARI Soft
The administrator has disabled public write access.
 
#71147
Re:MP4 download button 1 Year, 4 Months ago Karma: 0
That works, thank you!
The administrator has disabled public write access.
 
Go to topPage: 1