video when I visit the page from iPhone

Support Forums for LiveMesh Themes & Plugins Forums Agile Theme Support video when I visit the page from iPhone

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #5964
    James LawsonJames
    Member

    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.

    #5993
    ErnestoErnesto
    Member

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

    #5994
    James LawsonJames
    Member

    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-.

    #6083
    RaghavendraRaghavendra
    Moderator

    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.

    #11026
    Tewotewo
    Member

    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.)

    #11033
    RaghavendraRaghavendra
    Moderator
    your mobile video goes here
    your desktop video here
    #11073
    Tewotewo
    Member

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

    #11078
    RaghavendraRaghavendra
    Moderator

    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Agile Theme Support’ is closed to new topics and replies.