Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#193332

I impeded video in article: http://makanez.net/index.php/%D9%85%D9%88%D8%B3%D9%8A%D9%82%D8%A7/155-%D8%A7%D9%84%D8%B3%D9%8A%D9%85%D9%81%D9%88%D9%86%D9%8A%D8%A9-%D8%A7%D9%84%D8%AA%D8%A7%D8%B3%D8%B9%D8%A9-%D9%84%D8%A8%D9%8A%D8%AA%D9%87%D9%88%D9%81%D9%86%D8%8C-%D9%86%D8%B4%D9%8A%D8%AF-%D8%A7%D9%84%D9%81%D8%B1%D8%AD-%D8%B9%D9%84%D9%89-%D9%85%D8%B1-%D8%A7%D9%84%D8%B9%D8%B5%D9%88%D8%B1

It works well in desktop PC/Mac, however, when it comes to mobile devices, iPhone, Nexus, iPad, the size does not adapt to the page width…

How could it be responsive?

Thanking you in advance.

[axlrose Developer axlroseJoin date: May 2013Posts: 10Downloads:54Uploads:0 Thanked: 7 times in 6 posts]

#516825

Hi!

You can open templates/ja_smashboard/css/custom.css file.

and then add line code below:

.avVideo .avPlayerContainer {
width: 100% !important;
}

If this is not what you were looking for, you should include site url, an illustrated screenshot of what you are trying to achieve and I would help you out with specific answer.

1 user says Thank You to axlrose for this useful post

1. Aratype

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#519267

Sorry to open this issue again, but the question is worthy to be resolved 100%.

With your solution the video is responsive from the width point of view. However, the height of the original video stays the same and does not adapt with the width.

To illustrate my idea you can watch the article with an iPhone: http://www.makanez.net/index.php/%D9%85%D9%88%D8%B3%D9%8A%D9%82%D8%A7/155-%D8%A7%D9%84%D8%B3%D9%8A%D9%85%D9%81%D9%88%D9%86%D9%8A%D8%A9-%D8%A7%D9%84%D8%AA%D8%A7%D8%B3%D8%B9%D8%A9-%D9%84%D8%A8%D9%8A%D8%AA%D9%87%D9%88%D9%81%D9%86%D8%8C-%D9%86%D8%B4%D9%8A%D8%AF-%D8%A7%D9%84%D9%81%D8%B1%D8%AD-%D8%B9%D9%84%D9%89-%D9%85%D8%B1-%D8%A7%D9%84%D8%B9%D8%B5%D9%88%D8%B1

Thanking you in advance.

[axlrose Developer axlroseJoin date: May 2013Posts: 10Downloads:54Uploads:0 Thanked: 7 times in 6 posts]

#519318

Hi!

With problem, we’ll fix only for iphone.

You can add line code below intro templates/ja_smashboard/css/custom.css

@media (max-width: 360px) {
.avPlayerBlock > iframe {
height: auto;
}
}

Tell me if the problem has not been resolved.

1 user says Thank You to axlrose for this useful post

1. Aratype

[Author]

Posts