Video on Firefox Mobile is only partially displayed (screenshot inside)

jchnkl commented 1 year ago

Detailed description of the problem [REQUIRED]

After clicking on a video it starts to play but it looks like it's shifted about 4/5 to the left of the screen. I.e. 4/5 of the screen are black and on 1/5 a fraction of the video can be seen. It works in Chrome on the same device.

Unfortunately I cannot reproduce this issue in Firefox Desktop in Responsive Design Mode (Ctrl+Alt+M). Seems to be platform-specific.

Steps to reproduce the issue

Steps to reproduce the behavior:

Open a video and start playback

Screenshots lychee_video_bug

Output of the diagnostics [REQUIRED]


    Diagnostics
    -------
    Warning: /var/www/vhosts/hosting177371.ae81f.netcup.net/sternenrei.ch/httpdocs/lychee/public/uploads/ has permissions 0755, but should have 2775
    Warning: /var/www/vhosts/hosting177371.ae81f.netcup.net/sternenrei.ch/httpdocs/lychee/public/uploads/thumb2x has permissions 0775, but should have 2775
    Warning: /var/www/vhosts/hosting177371.ae81f.netcup.net/sternenrei.ch/httpdocs/lychee/public/uploads/thumb2x/4c has permissions 0775, but should have 2775
    Warning: /var/www/vhosts/hosting177371.ae81f.netcup.net/sternenrei.ch/httpdocs/lychee/public/uploads/thumb2x/4c/ff has permissions 0775, but should have 2775
    Warning: /var/www/vhosts/hosting177371.ae81f.netcup.net/sternenrei.ch/httpdocs/lychee/public/uploads/thumb2x/af has permissions 0775, but should have 2775
    Warning: 879 more directories with wrong permissions
    Warning: Dropbox import not working. dropbox_key is empty.
    Warning: You may experience problems when uploading a photo of large size or handling many/large albums. Take a look in the FAQ for details.

    System Information
    --------------
    Lychee Version (release):        4.6.1
    DB Version:                      4.6.1

    composer install:                --no-dev
    APP_ENV:                         production
    APP_DEBUG:                       false

    System:                          Linux
    PHP Version:                     8.1.12
    PHP User agent:                  Lychee/4 (https://lycheeorg.github.io/)
    Timezone:                        Europe/Berlin
    Max uploaded file size:          128M
    Max post size:                   128M
    Max execution time:              180
    SQLite Version:                  3.27.2

    exec() Available:                yes
    Imagick Available:               1
    Imagick Enabled:                 1
    Imagick Version:                 1690
    GD Version:                      bundled (2.1.0 compatible)

    Config Information
    --------------
    version:                         040601
    check_for_updates:               0
    sorting_photos_col:              taken_at
    sorting_photos_order:            ASC
    sorting_albums_col:              max_taken_at
    sorting_albums_order:            ASC
    imagick:                         1
    skip_duplicates:                 0
    small_max_width:                 0
    small_max_height:                360
    medium_max_width:                1920
    medium_max_height:               1080
    lang:                            en
    layout:                          1
    image_overlay_type:              desc
    default_license:                 none
    compression_quality:             90
    full_photo:                      1
    delete_imported:                 0
    Mod_Frame:                       1
    Mod_Frame_refresh:               30
    thumb_2x:                        1
    small_2x:                        1
    medium_2x:                       1
    landing_page_enable:             0
    landing_owner:                   John Smith
    landing_title:                   John Smith
    landing_subtitle:                Cats, Dogs & Humans Photography
    landing_facebook:                https://www.facebook.com/JohnSmith
    landing_flickr:                  https://www.flickr.com/JohnSmith
    landing_twitter:                 https://www.twitter.com/JohnSmith
    landing_instagram:               https://instagram.com/JohnSmith
    landing_youtube:                 https://www.youtube.com/JohnSmith
    landing_background:              dist/cat.jpg
    site_title:                      Lychee v4
    site_copyright_enable:           1
    site_copyright_begin:            2019
    site_copyright_end:              2019
    additional_footer_text:          
    display_social_in_gallery:       0
    public_search:                   0
    SL_enable:                       0
    SL_for_admin:                    0
    public_recent:                   0
    recent_age:                      1
    public_starred:                  0
    downloadable:                    0
    photos_wraparound:               1
    map_display:                     1
    zip64:                           1
    map_display_public:              1
    map_provider:                    Wikimedia
    force_32bit_ids:                 0
    map_include_subalbums:           1
    update_check_every_days:         3
    has_exiftool:                    0
    share_button_visible:            0
    import_via_symlink:              0
    has_ffmpeg:                      0
    location_decoding:               1
    location_decoding_timeout:       30
    location_show:                   1
    location_show_public:            1
    rss_enable:                      0
    rss_recent_days:                 7
    rss_max_items:                   100
    prefer_available_xmp_metadata:   0
    editor_enabled:                  1
    lossless_optimization:           0
    swipe_tolerance_x:               150
    swipe_tolerance_y:               250
    local_takestamp_video_formats:   .avi|.mov
    log_max_num_line:                1000
    unlock_password_photos_with_url_param: 0
    nsfw_visible:                    1
    nsfw_blur:                       0
    nsfw_warning:                    0
    nsfw_warning_admin:              0
    map_display_direction:           1
    album_subtitle_type:             oldstyle
    upload_processing_limit:         4
    public_photos_hidden:            1
    new_photos_notification:         0
    legacy_id_redirection:           1
    zip_deflate_level:               6

Browser and system

Firefox 106.1.0, Android 12

kamil4 commented 1 year ago

Yes, I noticed it recently as well. It actually seems to be a bug in Firefox for Android, because even if you open the URL of the video file itself (the mp4/avi/whatever file), without Lychee being involved in any way, the player misbehaves in the same way.

What confuses me is that this appears to be such an obvious bug that you'd think it would be well known and widely reported, but I've been unable to find anything relevant?!

I guess we'll need to report it to Mozilla and see what they say...

jchnkl commented 1 year ago

Yes, in the meantime I also observed this behavior with an piwigo instance. The real culprit here seems to be Firefox. Sorry for the noise!

LycheeOrg / Lychee