Fix visual artifacts

[AlrIsmail]

This PR addresses issue

• Animated gif has visual artifacts #10425

I’ve replaced the GIFs with WebM videos to eliminate visual artifacts.

[skyace65]

I built this locally and everything looks good

[skyace65]

@tetrapod00 do we have any preference one way or the other for using the :nocontrols: flag with videos? It pretty much does what it says, hides the bottom bar and stop/start button.

[tetrapod00]

There's no precedent for using :nocontrols: yet, so we're making the decision whether or not to use it right now.
Pros:

• Matches GIF functionality exactly

Cons:

• Less accessible and useful by removing the ability to pause or scrub
• Other videos don't currently use it, no precedent for it
• One more thing to include when adding new videos, one more thing that may break with future updates to the video library

I would make the call to remove :nocontrols: and avoid introducing it in the future

[tetrapod00]

Built it locally both with and without :nocontrols:. I would prefer these videos to have controls, even leaving aside the other reasons to avoid introducing :nocontrols:.

[skyace65]

Applied tetrapods changes to remove :nocontrols:

[skyace65]

Thanks! And congrats on your first merged PR! In the future though we'd recommend forking your master branch instead of making changes directly to it, that makes keeping it updated difficult. If you want to know more we have a git guide here: https://docs.godotengine.org/en/stable/contributing/workflow/pr_workflow.html