IPhone prevents scrolling on html5 video element

I have an html5 video element on my website:

 <video style="width: 100%; height: 100%;" class="video" controls preload="none" poster="media/start-image.jpg">
    <source src="media/video.mp4" type="video/mp4" title="mp4">
    <source src="media/video.webm" type="video/webm" title="webm">
</video>

When I open my site on the iPhone and try to scroll through it, this is not possible. Only when I touch the small gap between the video and the border of the phone.

Anyone have an idea to fix this problem?

+3
source share

All Articles