Why isn't 'video_tag: controls: false' hiding video controls in Safari?

Store Design
1

I’m trying to use the liquid “video_tag” to create a video player. But I would like to disable & hide the controls. I can’t seem to get it to work. I’ve tried:

{{ media | video_tag: controls: false, autoplay: true, loop: true, class: 'media-video', image_size: '800x' }}
{{ media | video_tag: controls: "", autoplay: true, loop: true, class: 'media-video', image_size: '800x' }}
{{ media | video_tag: controls: [""], autoplay: true, loop: true, class: 'media-video', image_size: '800x' }}

I can us CSS to hide the controls. But in Safari browser, autoplayed videos are automatically scrolled to even if I hide the controls. Seems the way to disable that automatic scroll is to disable the video controls.

Any suggestions?