video when I visit the page from iPhone

[James]

Hi guys,
When I visit the site from my pc, everything is fine, I can see YouTube videos with auto play on the header but when I visit the site from my iPhone, video do not appear. what can I do if I want them to appear in the responsive way as well?
Thanks.

[Ernesto]

Hi, could you send us a link so we can check the issue by ourselves?

[James]

Sure, here you have:
http://bit.ly/1ezuFi0
if you visit this page from your laptop you will see the video
if you do it from your iPhone,there is no video
please, let me know as soon as possible, I really need to fix this-.

[Raghavendra]

At present, the video shortcode does not support mobile devices due to a numbers of reasons – restrictions on videos on mobile devices due to battery concerns and limited resources, flash support. Best way to go about this is to have two separate sections for mobile and desktop and then use media queries or CSS to hide/show the appropriate sections on the respective devices. So, you can have two page sections desktop-video and another mobile-video. For mobile video, you can use the regular youtube video URL. Then use CSS like this

.mobile-video { display: none; }
.mobile-device .desktop-video { display: block; }
.mobile-device .mobile-video { display: block; }

Hope that helps.

[tewo]

I think the posted code is wrong. This CSS should work:

.mobile-video {display: none;}
.mobile-device .desktop-video {display: none;}
.mobile-device .mobile-video {display: block;}

Then wrap your video in HTML like this:

<div class=”mobile-video”>
your mobile video goes here
</div>
<div class=”desktop-video”>
your desktop video here
</div>

Show, don’t tell. And test before posting.

(LiveMesh: Your cr*ppy forum does not support HTML tags in code blocks.)

[Raghavendra]

your mobile video goes here


your desktop video here

[tewo]

I’m glad you got it working. (The code snippet that was incorrect was the CSS bit.)

[Raghavendra]

Yeah – I saw that. Thanks for the correction posted by you. To post HTML, pls use pre tag – that should work most of the time.

[Author]

Posts