Video does not work in phone

[mikewelsh]

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.

[Raghavendra]

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

[mikewelsh]

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?

[Raghavendra]

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.

[Author]

Posts