I want to add video on my website using html tag video. It works in chrome and other browsers except Safari. Video format (webM - for chrome and other browsers , mov - for safari).
<video class="animation-video" width="100%" height="130%" autoplay loop muted playsinline>
<source src="video-path.mov" type="video/quicktime" />
<source src="video-path.webm" type="video/webm" />
</video>
Also i tried to display video in the tag video not in source.
<video class="animation-video" width="100%" height="130%" autoplay loop muted playsinline src="path-video.mov">
</video>
Anyway my video doesnt even displays in safari browser. Not even video playback icon. I tried all possible solutions in this problem. Unfortunately non of them helped..
UPDATE : My video is displaying now but it doesnt play
example
What is it or is it related to?