Full width video to play on mobile?

[Alec Wild]

Hello,

I have the YouTube Video Widget working on my home page, but I’d like to have it also play on mobile devices, and not just on desktop. Is this possible?

[Veena]

At present, the video widget 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 sections desktop-video and another mobile-video. For mobile video, you can use the youtube embed video code. You can use a text widget and insert youtube video embed code and hide the same in desktop and display it in mobile device . You can provide class element as “mobile video” and
Then use CSS like this –

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

[Author]

Posts