Joomla Templates Club 406,261 posts

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#697250

When I view the front page of my website: http://162.242.220.38/joomla from Android and IOS devices the video has no screen and does not autoplay. Is this expected behavior for a hero 4 on a small screen?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#697336

Hi @hbic,

Yes, we implemented in on purpose. By default, Youtube video doesn’t autoplay in iOS, therefore we need to remove the mask in mobile device as well, so visitor can push the play button, otherwise you will only see the static image of video.

1 user says Thank You to Adam M for this useful post

1. hbic

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#750968

Hi @hbic,

Yes, we implemented in on purpose. By default, Youtube video doesn’t autoplay in iOS, therefore we need to remove the mask in mobile device as well, so visitor can push the play button, otherwise you will only see the static image of video.

1 user says Thank You to Adam M for this useful post

1. hbic

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#751017

by “IOS” do you mean viewing from any mobile device?
Is this design decision because small form factor devices are bandwidth constrained?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#751115

Hi @hbic,

Yes, this behavior is applied to all mobile devices (both Android and iOS), you can see the conclusion in Safari Developer Library :

<blockquote>Due to the fact that playing videos or music on a mobile device may incur additional data charges from the visitors cellphone network, both Android and Apple devices block the autoplay function on their mobile devices, therefore this is beyond our control.</blockquote>

Therefore we need to remove the blue transparent mask so visitor can click the video to play it or it will just like a static image there.

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#704127

My site at http://162.242.220.38/joomla is not playable *at all* from my android device, nor my associate’s IOS device. The video doesn’t autoplay, text obfuscates the video and is non-responsive. I would like people to be able to play the hero.

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#751197

My site at http://162.242.220.38/joomla is not playable *at all* from my android device, nor my associate’s IOS device. The video doesn’t autoplay, text obfuscates the video and is non-responsive. I would like people to be able to play the hero.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#704553

Hi @hbic,

Here’s the deal, in mobile layout we should hide the title The 12-Minute Brain Health Checkup because it stay in front of the video, therefore visitor won’t be able to click the video. Please let me know if you agree with the solution and I will help you with the code.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#751325

Hi @hbic,

Here’s the deal, in mobile layout we should hide the title The 12-Minute Brain Health Checkup because it stay in front of the video, therefore visitor won’t be able to click the video. Please let me know if you agree with the solution and I will help you with the code.

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#704677

Adam,

Sounds great. Is there guidance on how to remove elements of the page in mobile mode?

-Tom

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#751399

Adam,

Sounds great. Is there guidance on how to remove elements of the page in mobile mode?

-Tom

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#704842

Hi @hbic,

Please open file /templates/uber/css/custom.css then add this code :

@media (max-width: 641px) {
.acm-hero.style-4.full-screen .hero-content .hero-heading {
display: none;
}
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#751505

Hi @hbic,

Please open file /templates/uber/css/custom.css then add this code :

@media (max-width: 641px) {
.acm-hero.style-4.full-screen .hero-content .hero-heading {
display: none;
}
}

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#706303

We’ve got the video displaying, but it won’t play.

http://www.rc21x.com/ << view in Android. Press the button. The youtube screen shows, but it will not play.

[hbic Friend hbicJoin date: June 2015Posts: 189Downloads:15Uploads:5 Thanks: 61 Thanked: 6 times in 1 posts]

#752409

We’ve got the video displaying, but it won’t play.

http://www.rc21x.com/ << view in Android. Press the button. The youtube screen shows, but it will not play.

What I’m saying here is we are able to to get beyond the title, but you cannot click the video.

[Author]

Posts