Video element on ipad pro

Hi,

Thanks for the clarification. Are you using media queries? If so you should be able to target the ipad pro using these queries:

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

Best regards,
Rikard

Hi,

Did you activate the custom CSS field for builder elements? If not then please following this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/. You can then assign a class to the element, for instance your-class. Then you can target the element in the media queries like this:

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .your-class {
      display:none;
    }
}

Best regards,
Rikard

Hi,

Looks like you’re using an easy slider. Please note that video slides are disabled on mobile devices including the iPad Pro so you can either provide a fallback image or replace the easy slider with an actual Video element. You can use the css media query above to toggle the display property of the elements.

Best regards,
Ismael

Hi,

Please turn on the custom css class field then edit the video element. Add a custom css class attribute (ex: “custom-video”) to it and then enable every settings in the Screen Options. We will use the following css code to display the element when the screen size is equal or less tan 1366px which is the native resolution of an iPad Pro device.

@media only screen 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .custom-video {
      display: block !important;
    }
}

Best regards,
Ismael