Попытка замаскировать видео в форму SVG - PullRequest
Новая
       47

Попытка замаскировать видео в форму SVG

0 голосов
/ 16 января 2019

вот мой css: 

.svg-clipped {
    -webkit-clip-path: url(#svgPath);
    clip-path: url(#svgPath);
}

Вот мой HTML: 

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1153.37 494"><g data-name="Layer 2"><clipPath id="svgPath"><path d="M1093.37 0H60A60 60 0 0 0 0 60v374a60 60 0 0 0 60 60l1033.37-179c39.28-6.29 60-26.86 60-60V60a60 60 0 0 0-60-60z" fill="#990000" fill-rule="evenodd" data-name="Layer 1"/></clipPath></g></svg>

<!--I can see this in the browser-->    
<img class="svg-clipped" style="margin: -500px 0 0 0;"  src="image.jpg" alt="" width="100%"/>

<!--I cannot see this in the browser-->
    <video class="svg-clipped" autoplay src="Video.mp4" style="margin: -500px 0 0 0; border: solid 3px #990000; width: 100%" ></video>

Я пытаюсь просмотреть видео в форме SVG, но я не могу заставить его работать. Я вижу изображение, которое у меня есть в моем html, в форме штрафа svg, которое я использую только для проверки работоспособности отсечения, а затем удаляю, как только я заставлю видео работать. Я не понимаю, что происходит.

Кто-нибудь может мне помочь?

...