Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix video player unusable on ios #1763

Merged
merged 1 commit into from
Jul 12, 2023
Merged

Conversation

hamza221
Copy link
Contributor

fixes #1681

  • Test For regressions on Other phones and web
    Before in the comments
    IMG_1943
    IMG_1942
    IMG_1939
    IMG_1940

@hamza221 hamza221 added bug Something isn't working 3. to review Waiting for reviews labels Jun 29, 2023
@JuliaKirschenheuter
Copy link
Contributor

JuliaKirschenheuter commented Jun 30, 2023

Thank you @hamza221 a lot! Looks much better as before!

Just some checkpoints from the ticket:

  • the full screen is not working, it’s just a window that loses all controls (play, pause, get back to windowed mode)
  • seems to be fixed, right?
  • when in full screen, you basically can’t do anything anymore, I just quit the application (firefox or safari) to stop the video.
  • seems to be fixed, right?
  • when turning the phone from portrait to landscape, the video disappear behind the title bar.
  • could you please test it in a moment?

I'm not sure about this landscape portrait view:
image
Is it possible to move a video a bit down?

Thanks a lot again!

@hamza221
Copy link
Contributor Author

For the last point I think we need a design decision, because the footer is taking the space. so we either remove the footer, keep it slightly hidden, make the footer shorter or another option I didn't think of

@JuliaKirschenheuter
Copy link
Contributor

Thanks! I guess it is better to hide a footer at all for landscape and portrait full screen view. Logo of nextcloud is on top left and it is a full screen mode. @marcoambrosini could you please give us your opinion?

@marcoambrosini
Copy link
Member

I think that in fullscreen view both the header and the footer should not be visible and the viewer should take the whole height of the screen

@hamza221
Copy link
Contributor Author

IMG_1951
IMG_1950

Copy link
Contributor

@JuliaKirschenheuter JuliaKirschenheuter left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks a lot!

src/components/Videos.vue Outdated Show resolved Hide resolved
src/components/Videos.vue Outdated Show resolved Hide resolved
src/components/Videos.vue Outdated Show resolved Hide resolved
@st3iny st3iny self-assigned this Jul 11, 2023
@st3iny st3iny force-pushed the fix/video-fullscreen-iPhone branch from 02e6efb to e5b4b05 Compare July 11, 2023 10:18
Copy link
Member

@st3iny st3iny left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested my changes on an iPad (Safari).

Copy link
Contributor

@artonge artonge left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The solution seems saner. 👍
Can you add a bit more context and info around the issue and what the screenshots represent?

@JuliaKirschenheuter
Copy link
Contributor

Node and Lint are failing ;(
@st3iny could you please fix them too?

@st3iny st3iny force-pushed the fix/video-fullscreen-iPhone branch from e5b4b05 to 5a87b6d Compare July 12, 2023 06:09
@st3iny
Copy link
Member

st3iny commented Jul 12, 2023

I fixed linter issues and the node check. I don't know what is going on with Cypress though.

Signed-off-by: hamza221 <hamzamahjoubi221@gmail.com>
Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
@AndyScherzinger
Copy link
Member

/backport to stable27

@AndyScherzinger
Copy link
Member

/backport to stable26

@backportbot-nextcloud backportbot-nextcloud bot added the backport-request Pending backport by the backport-bot label Jul 12, 2023
@AndyScherzinger
Copy link
Member

/backport to stable25

@AndyScherzinger
Copy link
Member

AndyScherzinger commented Jul 12, 2023

Approval are now in from Artonge and St3iny, cypress failures seem unrelated. Rebased to be merged afterwards, backports triggered

@AndyScherzinger AndyScherzinger merged commit 0999663 into master Jul 12, 2023
@AndyScherzinger AndyScherzinger deleted the fix/video-fullscreen-iPhone branch July 12, 2023 11:34
@AndyScherzinger AndyScherzinger added this to the Nextcloud 28 milestone Jul 12, 2023
@backportbot-nextcloud
Copy link

The backport to stable27 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout stable27
git pull origin stable27

# Create the new backport branch
git checkout -b fix/foo-stable27

# Cherry pick the change from the commit sha1 of the change against the default branch
# This might cause conflicts. Resolve them.
git cherry-pick abc123

# Push the cherry pick commit to the remote repository and open a pull request
git push origin fix/foo-stable27

More info at https://docs.nextcloud.com/server/latest/developer_manual/getting_started/development_process.html#manual-backport

@backportbot-nextcloud
Copy link

The backport to stable26 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout stable26
git pull origin stable26

# Create the new backport branch
git checkout -b fix/foo-stable26

# Cherry pick the change from the commit sha1 of the change against the default branch
# This might cause conflicts. Resolve them.
git cherry-pick abc123

# Push the cherry pick commit to the remote repository and open a pull request
git push origin fix/foo-stable26

More info at https://docs.nextcloud.com/server/latest/developer_manual/getting_started/development_process.html#manual-backport

@backportbot-nextcloud
Copy link

The backport to stable25 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout stable25
git pull origin stable25

# Create the new backport branch
git checkout -b fix/foo-stable25

# Cherry pick the change from the commit sha1 of the change against the default branch
# This might cause conflicts. Resolve them.
git cherry-pick abc123

# Push the cherry pick commit to the remote repository and open a pull request
git push origin fix/foo-stable25

More info at https://docs.nextcloud.com/server/latest/developer_manual/getting_started/development_process.html#manual-backport

@skjnldsv
Copy link
Member

Approval are now in from Artonge and St3iny, cypress failures seem unrelated. Rebased to be merged afterwards, backports triggered

ok for those tests yes, they nedd an update to not randomly fail

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews backport-request Pending backport by the backport-bot bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug] Video player is unusable on ios (firefox and safari) since update to 25
7 participants