Bug 264851 – Video Source elements not playing on first load when when muted and set to autoplay

• Status: NEW
• Component: Media

[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.

[Radar WebKit Bug Importer]

<rdar://problem/118700772>