Share your feedback on WPLMS support, send us a mail us at [email protected] with subject as WPLMS Support Feedback.

Tip : Create new topics for your issues for faster resolution. Post topics in the right Sub forum refer screenshot

Tip : How to improve response times on your topics ? Oldest issues are picked first, share as much details as possible while posting a topic, do not post a reminder as it further updates last response time and might lead to unnecessary delays in resolution of the issue.

Security Tip : Whenever sharing WP Admin or FTP details with Support Staff, please create a temporary account or change the password after the task.

=> Support Holiday on Sunday

Theme update : WPLMS 3.9.5 released on 9th August 2019.update log ›

Force responsive iframe (Videos & content)

Created January 25, 2016
Author Mr.Vibe
Category Tips & Tricks

The tip is optional. The issue has been resolved in WPLMS 2.0.1 update.

Although we recommend using [iframe] and [iframevideo] shortcode around iframes. In case you’ve forgotten to add it. Below code will force all iframes to become responsive. Make sure the iframes you embed have a height and width attribute.

Add below code in Child theme – functions.php

add_action('wp_footer','iframe_responsive_videos_wplms',99);
function iframe_responsive_videos_wplms(){
?><script>
(function ($) {
iframeaspectRatio = function () {
var video = $('iframe');
var w = video.attr('width');
var h = video.attr('height');
// This is the part that does the hard work:
// height divided by width to calculate the ratio as a fraction,
// multiply by 100 and concatenate a % sign.
var ratio = ((h/w) * 100).toFixed(2) + "%";
$('iframe').css('width','100%');
var height = $('iframe').width() * (h/w);
$('iframe').css('height',height+'px');
}
})(jQuery);
 
jQuery(document).ready(function(){
iframeaspectRatio();
$('.unit_content').on('unit_traverse',function(){iframeaspectRatio();});
});</script>
<?php
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

add_action('wp_footer','iframe_responsive_videos_wplms',99);

function iframe_responsive_videos_wplms(){

?><script>

(function ($) {

iframeaspectRatio = function () {

var video = $('iframe');

var w = video.attr('width');

var h = video.attr('height');

// This is the part that does the hard work:

// height divided by width to calculate the ratio as a fraction,

// multiply by 100 and concatenate a % sign.

var ratio = ((h/w) * 100).toFixed(2) + "%";

$('iframe').css('width','100%');

var height = $('iframe').width() * (h/w);

$('iframe').css('height',height+'px');

}

})(jQuery);

jQuery(document).ready(function(){

iframeaspectRatio();

$('.unit_content').on('unit_traverse',function(){iframeaspectRatio();});

});</script>

<?php

}

Related

Was this article helpful?

Yes No

Leave A Comment? × Cancel Reply