Video does not work on iphone/ipad

Dears,
My app is deployed on the community cloud as
https://h2calc.streamlit.app/

On my web homepage there are tutorial videos that don´t work on iphone/ipad, but work fine on computer (chrome browser), both as deployed, i.e. acessing the link above as well as on my computer.

Code snippet:

show_how_to_video = st.toggle(":film_projector: ***Show how to use videos.*** :tv:", help="Shows the how to videos")
if show_how_to_video:
    how_to_video_selected = st.selectbox("", ["How to use Green H2 Calculator - Downloading solar data from Global Solar Data", 
                                            "How to use Green H2 Calculator - Uploading the file"])

    if how_to_video_selected == "How to use Green H2 Calculator - Downloading solar data from Global Solar Data":
        video_file_name = "H2Calc_How_To_GSA_Download.mp4"
    elif how_to_video_selected == "How to use Green H2 Calculator - Uploading the file":
        video_file_name = "H2Calc_How_To_Import_xlsx.webm"

    video_file = open(video_file_name, "rb")
    video_bytes = video_file.read()
    st.video(video_bytes)

I have recorded the video with the recorder provided by Streamlit at the Hamburger menu. I have uploaded both webm and mp4 versions of video. They both don´t work on iphone.

Any ideas on how to fix this? Follows additional information.

Thanks,

William

python version 3.12.1
my github: https://github.com/williamboger/H2Calc

my requirements:
openpyxl==3.1.2
matplotlib==3.8.2
matplotlib-inline==0.1.6
numpy==1.26.2
numpy-financial==1.0.0
openpyxl==3.1.2
pandas==2.1.4
streamlit==1.30.0
XlsxWriter==3.1.9

Thanks,

William

:rotating_light: Before clicking “Create Topic”, please make sure your post includes the following information (otherwise, the post will be locked). :rotating_light:

  1. Are you running your app locally or is it deployed?
  2. If your app is deployed:
    a. Is it deployed on Community Cloud or another hosting platform?
    b. Share the link to the public deployed app.
  3. Share the link to your app’s public GitHub repository (including a requirements file).
  4. Share the full text of the error message (not a screenshot).
  5. Share the Streamlit and Python versions.

That seems to be just the browser not supporting the specific video format. From my laptop I can watch the video if I open the application in edge but not in firefox.