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.