Can’t auto play on Safari

  • Resolved kaelxst

    (@kaelxst)


    1 month, 1 week ago

    Hello,

    I use this plugin for a month and I really like it. But I find it has a issue on Safari: the video can’t autoplay. It seems that caused by Safari’s low power mode, and I tried to add an <img> tag to replace <video> on Safari, e.g.

    <img id="img" autoplay="autoplay" preload="metadata" playsinline muted="on" class="safari-video" loop="loop" src="/auto-play-video.mp4">

    , it works, however, I have to use js to do that, then the js will be marked as shadow content by Safari.

    Is there any other way to make the video autoplay on Safari? Could you give me a help?

    Cheers,

    Kael

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Martin Valchev

    (@martinvalchev)

    1 month, 1 week ago

    Hi Kael,

    Thank you for using our plugin! We’re happy to hear that you like it and have been using it for a month. We really appreciate your feedback—it helps us continuously improve the plugin.

    Regarding the autoplay issue in Safari, you are correct that Safari’s Low Power Mode can interfere with the autoplay function. However, this issue does not always occur across all devices and settings. We tested the plugin on Safari’s mobile browser and did not notice this problem.

    To assist you better, could you provide us with the following details?

    • A link to your website where the issue occurs.
    • The WordPress theme you are using.
    • Whether the issue only happens in Safari’s Incognito (Private Browsing) mode.

    Also, if you find the plugin useful and are happy with it, we’d really appreciate it if you could leave a rating. Your support helps us reach more users and continue improving the product.

    Looking forward to your reply!

    Best regards,

    Thread Starter kaelxst

    (@kaelxst)

    1 month, 1 week ago

    Thank you Martin, here is the detail:

    1. The link with this issue: https://www.cheapestiles.com.au/product/kit-kat-white-matt-mosaic-tile-22×145-code02087/
    2. WordPress theme: Woodmart
    3.  only happens in Safari’s Incognito: No

    BTW, I already post a five stars review.

    Cheers,

    Kael

    Plugin Author Martin Valchev

    (@martinvalchev)

    1 month, 1 week ago

    Hi Kael,

    Thank you for your five-star review – we really appreciate it!

    Regarding the issue, it occurs because your WordPress theme (Woodmart) does not use the default WooCommerce gallery with a slider. This causes compatibility issues in certain browsers.

    If you’re interested in discussing a possible solution, feel free to contact us at [email protected].

    Best regards,

    Thread Starter kaelxst

    (@kaelxst)

    1 month, 1 week ago

    I see, thank you Martin. Can I ask the best way to get ids of video gallery items? I decide to rewrite a gallery my own.

    • This reply was modified 1 month, 1 week ago by kaelxst.
    Plugin Author Martin Valchev

    (@martinvalchev)

    1 month, 1 week ago

    If you need to target video gallery items, you can use the class .vwg_video_js. Each video also has an ID, but it is dynamically generated by the VideoJS library and follows a pattern like:

    vwg_video_js_1_html5_api

    Since the IDs are generated dynamically, the best approach would be to select elements using the class .vwg_video_js and manipulate them accordingly in your custom gallery implementation.

    I hope this helps! Let me know if you need further clarification.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.