Okay
  Public Ticket #2480482
Autoplay webm
Closed

Comments

  • Rachel started the conversation

    Ok title is a bit confusing but auto playing videos is my end goal.
    The main kalium theme lighthouse video, auto plays on Iphone and android.
    I cannot get webm to play on iphone at all, it just shows a white box.
    How did you achieve this please?

    I assume it is different formats?
    If so, how do I achieve different formats in the portfolio gallery as well?

  •  1,558
    Laborator replied

    Hi marckeeling,

    The autoplay feature in mobile devices is something very challenging for the web community since the mobile OS such as iOS and Android sometimes support it and sometimes remove that functionality, that happened a lot of times so I don't know any specific way how the autoplay will work but what we have done with the video in our demo is that we have edited it and muted it completely since videos with sounds will not autoplay on mobile devices.

    I have exported the slider of our main demo so you can import it and see how it has been implemented:

    https://d.pr/f/UbrRkO

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Rachel replied

    Ok, I have decided to ask RevSlider instead.

    I am talking specifically about multiple formats as webm's do not play on iphone.
    Is it possible to do this below code for portfolio entries?

    data-videoogv="webvid.oggtheora.ogv"
    data-videowebm="webvid.webmhd.webm" 
    data-mp4="webvid.mp4"

  •  1,558
    Laborator replied

    Hi there,

    You can add videos (self hosted or hosted in YT or Vimeo) using the portfolio gallery:

    medium
    (view large version)

    So that's the way we recommend to add videos in portfolio items.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Rachel replied

    Thanks for the reply.
    I know this, however:

    Self Hosted mp4 's do not work.

    Webm does work...
    but does not work on iphones.

    I also tried Vimeo, but autoplay doesn't work...

    Can you help me fix this issue?
    This is a complex problem, and for my clients portfolio, I need videos to work please.

  •  1,558
    Laborator replied

    Hi there,

    I do not understand what is not working, on this portfolio item for example you have a video:

    http://marckeeling.co.uk/portfolio/showreel-2020/

    And it is playing normally, the autoplay feature is not dictated by us as mentioned. The video will be played only if they are muted completely or if the mobile OS system allow that. You can find many articles online that explain why the autoplay has been disabled by  iOS and Android.

    https://help.outofthesandbox.com/hc/en-us/articles/360000661568-Why-won-t-my-video-autoplay-

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Rachel replied privately
  •  1,558
    Laborator replied

    Hi Rachel,

    Just to let you know I have assigned this ticket to our developer to see what the issue could be, he is more experienced on this and hopefully he'll come back with a possible fix.

    The problem is only occurring in your site, tried it in all our demos and it seems to be related to the managed WordPress but we will have to do a further look.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Rachel replied

    Thank you so much!

    I checked with GoDaddy and they didn't find anything their end unfortunately.

    Their answer:

    "We have checked from our end and there is no hosting issue found.
    Checking theme and website content is out of our scope of support, this need to be checked by developer."

    Odd that mp4 works in rev slider and not in the portfolio section.

    [EDIT]

    Any luck?
    I have found that using HTML to embed mp4 manually seems to work by the way. I will do this for now as I cannot wait any longer

  • [deleted] replied

    Hi Rachel,

    I have investigated this issue and found out that the video URLs in your site have a query string appended as URL parameter so I have fixed the file handling videos so now it works properly:

    medium
    (view large image)

    As you can see also live:

    http://marckeeling.co.uk/portfolio/showreel-2020/

    Sorry for delay of response but I was busy developing and my team couldn't handle very technical issues.