How can I detect whether or not a browser is mobile and display a video at different sizes with javascript “if else”?

Question

So I need to include javascript and jquery in my html page that will check whether visitors are using mobile browsers, and display a video at different sizes depending accordingly.

I've tried several ways of doing this, but have yet to find something that actually works.

What I need is something like:

if (isMobile()) {
   //display larger
else {
   //display smaller
}

Can anyone help?

Answer 1

if (!('ontouchstart' in window)) {
  // is desktop
  elVideo.src= 'desktop.mp4';
} else {
  // is mobile
  elVideo.src= 'mobile.mp4';
}

Answer 2

You can detect like this

if(jQuery.browser.mobile)
    {
       //code to be executed when device is mobile
    }
    else
    {
       //code to be executed when device is not mobile
    }