Video play using video player on a page view for mobile browsers

[spaniakos]

Has your issue been reported?

• I have searched the existing issues and confirm it has not been reported.
• I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

Using either Flutterflow's video player , or a custom video player,
When the user is scrolling though a page view, the first video is playing correctly (if navigating from an other page) , any subsequent video on other pages (After 5 seconds have passed) cannot start either muted or with volume.
The error is not occuring on test mode or run as they play on a Desktop browser.

On a mobile browser (android or iOS) any browser (Tested on Edge,Chrome,Safari,Firefox) the video is not starting to play (muted or not)

Expected Behavior

When the new page loads, if the promise is ok from the browser the video should start playing natively muted. or when the code states that the video is muted, then the video should start to play muted.

Steps to Reproduce

Create a page,
Set a pageView
Have your pageview load dynamic children with videos from network.
set the video player to autostart
controls off
loop
pause on forward navigation
lazy load

publish or run the app
navigate from your mobile browser to the link
Start scrolling
you should see the errors

Reproducible from Blank

• The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITFTzcrluIl2sf1A+KnfYcFF/SQ4I0MdXOczitVEew4bCIj4EYYAZ87OREtoYMizaHxiPWf/kmIC06nLhs7LNPAqOTSsft1f/7l6ehPPbEWXMYyaDpagWX8kEdxUI0iFyMK32BV7BPJuLUYlw16uHtm/az6Cf9qOYwx5e6fDbOY=

Context

i'm trying to create an infinite scroll with a video player.
On each scroll based on promise there's supposed to be a video player playing a video.
The user should have the option to : Either play the video with sound if the promise and the previous mute state is correct
or play the video without sound if there is no promise or there is no previous mute off state.

Visual documentation

my current solution has a failover to enable a play button.
It is really easy to reproduce the error by following the above steps and testing this from a mobile browser.

I have a feeling that this is a flutter issue more than a flutterflow issue, but i haven't tested this on a native flutter code (it shouldn't be any different)

The limitation on the videoplayer library have zero input about any of this

My custom code runs the VideoPlayer 2.8.1 while the native runs an older version.

Both extension have the same problem.

Additional Info

No response

Environment

- FlutterFlow version: 4.0
- Platform: Web
- Browser name and version: All
- Operating system and version affected: iOS 17 and Android 12 tested

[spaniakos]

some new notes::

Tested from my old tablet (android 9) and the scrolling seems to be working fine (at least with edge that I've tested)

I will test some more on the tablet and any phone that i might find available to provide more details and specs about versions and browsers.

With phones iOS 17 and android 12, the bugs is still present.

[github-actions]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[spaniakos]

tested with Android 14 update , the scrolling seems to be working fine (S23 ultra).
iOS still has the issues.

[github-actions]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.