Video does not work in phone

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9337
    Mikewelshmikewelsh
    Member

    Hi,

    Great theme, but we got this because it was responsive but it is not!

    None of your video modules work in a phone, not even your demo site!

    Is there any way we use your video module on both a PC and a phone?

    Many thanks, Mike.

    #9380
    RaghavendraRaghavendra
    Moderator

    The technology we use for our video shortcode defaults to a video placeholder in mobile resolutions. I would advice you to use the default embed code provided by YouTube/Vimeo for mobile devices. Pls make sure you do not enable this for desktop and display this only for mobile devices with the help of CSS3 media queries or special classes that the theme generates for mobile devices. Pls let me know if you need further help on this. Thanks

    #9387
    Mikewelshmikewelsh
    Member

    Thanks but your answer is a bit geeky for me. Are you saying I can have the video running on phone or PC but not both?

    #9388
    RaghavendraRaghavendra
    Moderator

    Basically you will need to create two sections (div elements) instead of just one, one for desktop and another for mobile. One section will have the current video shortcode provided by the theme. Another section will have similar content but the video shortcode will be replaced with a default embed code provided by the video site like YouTube/Vimeo. WordPress will automatically display the video if you provide the url to the video. Then, to control what gets displayed in what display resolutions, you can have custom css like this –

    #desktop-section { 
    display: block; 
    } /* Show desktop section by default */
    #mobile-section { 
    display: none; 
    } /* Hide mobile section by default */
    
    @media screen and (max-width: 1024px) {
        #desktop-section {
          display: none; /* Hide for devices with lower resolutions */
          }
        #mobile-section {
          display: block; /* Display in devices with lower resolutions */
          }
      }
    

    Hope this helps.

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