Fix not working local video on iOS with playsinline & muted options

Problem/Motivation

Local video not working on iOS, I checked the issue and found that there are some policies for iOS that required a user gesture to play media in a or element.

Steps to reproduce

1. Add local video content to Varbase Media Header Slider.
2. Add the heroslider block to a page in the theme region or the homepage using the layout builder.
3. Open the page on the safari browser on iPhone.
4. You will notice that the video will not play in the background.

Proposed resolution

• I suggest adding 'playsinline' attribute for the video tag to better support inline playback on iOS.
• #3046152: Add playsinline option to Video media file formatter
• #3282848: Fix not working local video on iOS by adding a Drupal core patch fix for playsinline & muted options

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release Varbase 9.0.9, varbase_heroslider_media-9.0.6

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3275939 by Odai Atieh: Fixed not working local video on iOS with playsinline & muted options