Video background: Poster support for WEBP and Responsive Images (srcset)

  • Your documentation on the poster image says:

    Accepts: Any URL to an image. .png and .jpg are recommended.

    1. Does your plugin also support WEBP?
      The WordPress native Image block supports WEBP.
    2. Does your plugin utilize WordPress Responsive Images (srcset)?
      If you provide a poster at 1920×1080, that this gets integrated into the Media Library and generates the sized versions of it and provides them in the markup as a srcset, and the web browser decides which one to download to satisfy its resolution and/or bandwidth (mobile!)
Viewing 1 replies (of 1 total)
  • Thread Starter abitofmind

    (@abitofmind)

    If not, would the following workaround work?

    1. Create a native image block which uses Responsive Images by default and has WEBP support.
    2. Under additional CSS you give it a custom ID or class like .bg-video
    3. You set this as the container class for your background video. No need to set a poster. The image block acts as the poster, and the video gets loaded over it when ready. If so would opacity (for blending image/video works) also work in that setup?
Viewing 1 replies (of 1 total)
  • The topic ‘Video background: Poster support for WEBP and Responsive Images (srcset)’ is closed to new replies.