wordpress-mobile/gutenberg-mobile

Empty state when using source URL of VideoPress vide in v5 block

SiobhyB opened this issue · 0 comments

Describe the bug

There exists an edge case in the VideoPress v5 block, where the block can be falsely rendered empty. This happens after inserting the source of a VideoPress URL. This is rendered properly on the web version, but not in native where it's displayed as empty. First reported by @fluiddot here.

To Reproduce

  1. Copy the following URL: https://videos.files.wordpress.com/qDiVCMnq/0e2809330-1-2.mp4. This URL was obtained by getting the download URL from the VideoPress player.
  2. Create a post in a Simple site.
  3. Add a Video block.
  4. Insert the copied URL.
  5. Observe that the video can be played within the editor.
  6. Save the post and open it again.
  7. Observe that the post is marked as dirty. In this step, the video URL changed to the regular VideoPress URL.
  8. Save the post and open it again.
  9. Observe that the block is in the empty state.
  10. Preview the post.
  11. Observe that the video can be played.

Expected behavior

The video should render as expected in the editor, as it does on the web.

Screenshots

Simulator.Screen.Recording.-.iPhone.15.-.2024-02-23.at.17.05.04.mp4