Bug 264851
| Summary: | Video Source elements not playing on first load when when muted and set to autoplay | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Nathaniel Chang <nathaniel> |
| Component: | Media | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | eric.carlson, jer.noble, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 17 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 17 | ||
Nathaniel Chang
PROBLEM:
On iPad and IOS devices not audo playing the following video elements on the first load of the page. On refresh of the page the the video elements will play.
```
<video class="split-content--picture mod-slide-1" autoplay loop muted playsinline>
<source media="(min-height:450px)" src="img/bg-1-lg.mp4" type="video/mp4" />
<source media="(min-height:0px)" src="img/bg-1.mp4" type="video/mp4" />
</video>
```
If the following code is then added to the page then this problem doesn't exsits.
```
<video style="display: none;" controls="true">
</video>
```
EXPECTED RESULT:
Second snippet of code is not needed to allow the inital snippet to play.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/118700772>