title: Video SVG no render only in Safari
body: <p>I've made a svg with video display inside like this : </p>
  
  <pre><code>    &lt;video muted loop width="852" height="480" autoplay class="svg-clipped-text" style="  margin: 0 auto;
        display: block;"&gt;
    &lt;source src="&lt;?php echo get_stylesheet_directory_uri(); &gt;/vid/video.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  
  &lt;svg height="0" width="0"&gt;
    &lt;clipPath id="svgTextPath"&gt;
       &lt;text x="20" y="200" textLength="800px" lengthAdjust="spacing" font-family="Calibri" font-size="210px" font-weight="bold"&gt;
         insider.
       &lt;/text&gt;
     &lt;/clipPath&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>And my css : </p>
  
  <pre><code>.svg-clipped-text {
      clip-path: url(#svgTextPath);
      -webkit-clip-path: url(#svgTextPath);
  }
  </code></pre>
  
  <p>It works properly in Chrome, in Firefox but no render in Safari.
  I've tried things i've found on stackoverflow but nothing seems to resolved my problem..</p>
  
  <p>Thanks ! </p>