HTML video tag is not working in safari browser
<p>Hiii Everyone,</p>

<pre><code>        In my project.I tried with html5 video tag.Below is the code
</code></pre>

<p>HTML code</p>

<pre><code>&lt;video autoplay loop muted poster="screenshot.jpg" id="v" width="100%" height=""&gt;
&lt;source src="img/main.mp4" type="video/mp4"&gt;
&lt;/video&gt;
</code></pre>

<p>it will be play continously in my website.This video is not playing in safari browser.For that i tried in some other way with embed.It is playing in safari</p>

<pre><code> &lt;embed src="img/main.mp4" width="100%" height="" autoplay loop muted id="v" &gt;
&lt;/embed&gt;
</code></pre>

<p>But what the issue is while i tried with video tag it is like below picture.</p>

<p><a href="https://i.stack.imgur.com/WDx0g.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WDx0g.jpg" alt="enter image description here"></a></p>

<p>After tried with embed tag it is like</p>

<p><a href="https://i.stack.imgur.com/z0JH9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z0JH9.png" alt="enter image description here"></a></p>

<p>What is the issue is when trying with video its is compatible with full width and height of desktop and in embed it showing in very small size and it is not playing continously.If anyone knows the solution of my problem.Please help me to get out of this issue.Thanks in advance.</p>