Video player issue loading images

[Duck5el]

Video player issue loading images

[nick-delirium]

does this work fine outside localhost or via ngrok? Can you send an example of how the html should look like for that image

[Duck5el]

It is running in staging and localhost environment.

HTML of not working image:

<div class="vueperslide__content-wrapper">
    <img src="https://cdn.expert.de/cdn-cgi/image/w=400,h=350,q=80,f=webp,fit=contain/ae/48/4e/c814b5c708fbf68b19f6472e55a724bd69/Abbildung_1508811.jpeg"
        alt="iPad 10.2 Zoll Wi-Fi 256GB Space Grau" data-nuxt-img=""
        sizes="(max-width: 640px) 50vw, (max-width: 768px) 25vw, 400px"
        srcset="https://cdn.expert.de/cdn-cgi/image/w=1,h=350,q=80,f=webp,fit=contain/ae/48/4e/c814b5c708fbf68b19f6472e55a724bd69/Abbildung_1508811.jpeg 1w, https://cdn.expert.de/cdn-cgi/image/w=160,h=350,q=80,f=webp,fit=contain/ae/48/4e/c814b5c708fbf68b19f6472e55a724bd69/Abbildung_1508811.jpeg 160w, https://cdn.expert.de/cdn-cgi/image/w=400,h=350,q=80,f=webp,fit=contain/ae/48/4e/c814b5c708fbf68b19f6472e55a724bd69/Abbildung_1508811.jpeg 400w"
        class="image-item" title="iPad 10.2 Zoll Wi-Fi 256GB Space Grau"><!---->
</div>

HTML of working image

<a href="/Viersen">
    <img src="https://cdn.expert.de/8e/14/13/ab0a5b6ea7d9e267601817aa9395a70200/logo_26344894.svg"
        onerror="this.setAttribute('data-error', 1)" alt="expert Viersen" data-nuxt-img=""
        srcset="https://cdn.expert.de/8e/14/13/ab0a5b6ea7d9e267601817aa9395a70200/logo_26344894.svg 1x"
        data-storeid="26344894" class="store-logo transition" id="storeInformation" title="expert Viersen"
        data-storename="expert Viersen">
</a>

[nick-delirium]

well, the issue is that you're using commas as query parameters, while the most usual/common way to use comma is to separate different urls for srcset, for example. We sadly have no way to distinguish urls and query params in srcset/src string with commas so it will not work unless you have idea how to fix current code without breaking it for users who use it rn (considering relative and absolute urls, space after comma and no space, etc)

[nick-delirium]

following #1962 testing beta version -> @openreplay/[email protected]

[nick-delirium]

merged and released as 12.0.5, please open a new issue in case of other problems