Joomla Templates Club 406,261 posts

[arno100565 Friend arno100565Join date: October 2014Posts: 2Downloads:33Uploads:0]

#662473

YouTube video’s and documents (PDF see menu Lyrics) have the wrong height. Uploaded video’s and photos do not have this problem. I believe your template framework (or maybe another extension) is attempting to be helpful, and making the Youtube (and PDF) display responsive.
I use HWDMediaShare in which there is a fully responsive display already implemented, and the manipulation that the other extension is implementing after the page load is breaking things, and causing the problem.
Any idea how to fix this ?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#662546

Hi arno100565,

I can’t access your site with provided info in this thread, you can PM me admin account again and also send me screenshot of how you want it should be.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#745734

Hi arno100565,

I can’t access your site with provided info in this thread, you can PM me admin account again and also send me screenshot of how you want it should be.

[arno100565 Friend arno100565Join date: October 2014Posts: 2Downloads:33Uploads:0]

#662807

The support team at HWDMediaShare did quite a bit of debugging and tracked the issue down to a specific javascript file in your JoomlaArt template: /templates/ja_muzic/js/script.js

A quick look through that javascript file for relevance to youtube found the following code, which is responsible for the problem:

$(function() {

var $allVideos = $(“iframe, iframe, object, embed”),
$fluidEl = $allVideos.parent();
$allVideos.each(function() {

$(this)
// jQuery .data does not work on object/embed elements
.attr(‘data-aspectRatio’, this.height / this.width)
.removeAttr(‘height’)
.removeAttr(‘width’);

});

$(window).resize(function() {

var newWidth = $fluidEl.width();
$allVideos.each(function() {

var $el = $(this);
$el
.width(newWidth)
.height(newWidth * $el.attr(‘data-aspectRatio’));

});

}).resize();

});

What this code is attempting to do is make the dimensions of youtube videos, vimeo videos, object element and embed elements respond with a persistent aspect ratio when resized.

That code was removed, and the problem with the Youtube videos no longer occurs in HWDMediaShare.

I hope this helps other users with the same problem. Could you tell me if there is a more permanent solution for this problem? Without erasing part of the script? The provided info to login should work now.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#662918

Hi

I still can’t access your site unfortunately, you can PM me admin & ftp account of your site.

and also tell me how you want the video should be, I will check it for you.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#745938

Hi

I still can’t access your site unfortunately, you can PM me admin & ftp account of your site.

and also tell me how you want the video should be, I will check it for you.

[Author]

Posts