我开始构建一个非常简单的html5视频播放器 . 我开始使用以下标记：

<video
                autoplay
                loop="loop"
                muted=""
                width="100%"
                height="auto"
controls="true"     src="media/video.mp4"
            >

            </video>

此时如果我进行测试，视频在Linux和Mac上的Chrome和Firefox中播放效果非常好 . （在IE中未经测试） .

但是，桌面或移动设备上的Safari上不会播放任何视频 . 我的Mac桌面版是11.01 . 我的iphone和ipad正在运行iOS 11.2 .

在Safari上，应该有视频播放，有一个黑色的占位符 . 占位符中间是一个图标，看起来像一个“播放”图标，其中有一个横穿它的栏 .

如何使用视频标签在Safari上播放mp4？

html5 safari html5-video