Video Block created on mobile shows invalid content message on web

[JavonDavis]

Steps to reproduce:

1. Create a new post or open an existing post
2. Add at least one video block, take a new video
3. Save the draft
4. Open the same post on the web

Mobile

Web:

[maxme]

I did a quick test and found that the local path was used in the block:

<!-- wp:video {"id":2} -->
<figure class="wp-block-video">
  <video src="///data/user/0/org.wordpress.android.beta/cache/VID_20190722_113956.mp4" controls="controls" width="300" height="150"></video>
</figure>
<!-- /wp:video -->

I tried the same experiment with Aztec and the correct (remote) url was set in the video shortcode.

[maxme]

I wonder if this is linked to this one wordpress-mobile/WordPress-Android#10203

I was able to upload a post with a video correctly once in Gutenberg. IMO this one needs some more investigation on the wpandroid side first.

[mchowning]

This may also be related to #1152

[mchowning]

I've seen this issue before, but in testing this now I think the issue has been resolved. Tested both Android and iOS. If someone else can double-check that the issue is fixed, I think we can close this.

On a related note, I still see #1152 (video added on web shows invalid block on mobile) occurring.

[Tug]

Can confirm, (tested on WPAndroid only)

[Tug]

Actually I can reproduce from a Jetpack site.
Also, it looks like the issue can be resolved from the block editor "Resolve" function. It seems to be missing an empty value for controls (="") in the video element:

[SiobhyB]

I tested on a Jetpack-connected site and am no longer able to reproduce this issue. Video blocks added via my phone displayed as expected on the web. It looks like there must have been a change to the way a value is assigned to the controls argument.

<!-- wp:video {"id":11} -->
<figure class="wp-block-video"><video controls src="https://example.testing.com/wp-content/uploads/2023/11/testing.mp4"></video></figure>
<!-- /wp:video -->