SVG-изображение ForeignObject не работает в Safari - PullRequest
Новая
       27

SVG-изображение ForeignObject не работает в Safari

0 голосов
/ 19 февраля 2020

Я использую svg: foreignObject для создания отформатированных изображений при наведении курсора. Приведенная ниже стратегия отлично работает в Chrome, но посторонний объект не отображается в Safari. Я просто не вижу этого! Чего мне не хватает?

Код приведен ниже - 

<svg style="margin-top:18.5vw" version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1920 1299" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
                    <foreignObject width="465" height="465" x="308" y="33">
                    <video loop="" muted="" poster="1.jpg">
                        <source src="1.mp4" type="video/ogg">
                        <source src="src/uploads/&lt;p&gt;The filetype you are attempting to upload is not allowed.&lt;/p&gt;" type="video/mp4">
                    </video>
                </foreignObject>
                    <foreignObject width="465" height="465" x="785" y="0">
                    <video loop="" muted="" poster="src/assets/uploads/gallery_image_1580238733_10_1.jpg">
                        <source src="src/assets/uploads/460ef464541741014b1620c73c2fa2d7.mp4" type="video/ogg">
                        <source src="src/assets/uploads/&lt;p&gt;The filetype you are attempting to upload is not allowed.&lt;/p&gt;" type="video/mp4">
                    </video>
                </foreignObject>


</svg>

Любые предложения с благодарностью.

...