title: Vidoes not play over HTTPS on old safari with angular
body: <p>please help me !!!</p>
  <p>I have a strange problem!
  I have a project with angular 11 that plays videos in chrome browser on any device, but it is not working in safari browser in iPhone 6s with software version 12.3 and it works on above of this version like 13. problem is just on this version.</p>
  <p>firstly I tried to a lot of solutions like change SSL cert and video player, but dont worked...
  again I tried to test videos on another framework like vue.js and it plays fine !!</p>
  <p>now I dont know exactly what is the problem??
  is problem with angular? with https? with dependencies? with safari?</p>
  <p>it is my package.json file</p>
  <p><a href="https://i.stack.imgur.com/7akFv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7akFv.png" alt="enter image description here" /></a></p>
  <p>it is my code for display video:</p>
  <pre><code>   &lt;div class=&quot;col-12 pt-2 pt-sm-0&quot; [ngClass]=&quot;{ 'media_element' : mediaType === 'video'}&quot;&gt;
      &lt;video
      *ngIf=&quot;mediaType === 'video' &quot;
      controls
      [src]=&quot;mediaDetail?.video&quot;
      [poster]=&quot;mediaDetail?.cover&quot;
      class=&quot;single_video&quot;
      autoplay loop muted playsinline
      controlsList=&quot;nodownload&quot;&gt;
    &lt;/video&gt;&lt;/div&gt;
  </code></pre>