Clip-path for video overlay in IE2019 Community Moderator ElectionHow to overlay one div over another divHow repeat background image in div longer then page length?IE9 clips fixed child of absolute border-radiushow to use css clip-path with svg path to mask html elementCSS: Ellipse clipping mask on bottom only?HTML5 & CSS header video with border-radiusWhy does clip-path inset(0 0 0 0) produce a different result than not setting clip path?CSS: How to “trim” the empty space when using clip-path?Rendering overlay to div with border radius and overflow: hidden (Chrome only)clip-path polygon with curve edges
Print last inputted byte
Why doesn't the fusion process of the sun speed up?
Have the tides ever turned twice on any open problem?
Which partition to make active?
How can an organ that provides biological immortality be unable to regenerate?
What (if any) is the reason to buy in small local stores?
Do native speakers use "ultima" and "proxima" frequently in spoken English?
Should I be concerned about student access to a test bank?
Jem'Hadar, something strange about their life expectancy
When should a starting writer get his own webpage?
Recursively updating the MLE as new observations stream in
Homology of the fiber
Why do I have a large white artefact on the rendered image?
Does fire aspect on a sword, destroy mob drops?
Exposing a company lying about themselves in a tightly knit industry: Is my career at risk on the long run?
If I cast the Enlarge/Reduce spell on an arrow, what weapon could it count as?
"Marked down as someone wanting to sell shares." What does that mean?
How do you justify more code being written by following clean code practices?
Is xar preinstalled on macOS?
Do I need to convey a moral for each of my blog post?
I got the following comment from a reputed math journal. What does it mean?
Symbolism of 18 Journeyers
Emojional cryptic crossword
How to balance a monster modification (zombie)?
Clip-path for video overlay in IE
2019 Community Moderator ElectionHow to overlay one div over another divHow repeat background image in div longer then page length?IE9 clips fixed child of absolute border-radiushow to use css clip-path with svg path to mask html elementCSS: Ellipse clipping mask on bottom only?HTML5 & CSS header video with border-radiusWhy does clip-path inset(0 0 0 0) produce a different result than not setting clip path?CSS: How to “trim” the empty space when using clip-path?Rendering overlay to div with border radius and overflow: hidden (Chrome only)clip-path polygon with curve edges
I have two videos on top of one another, where one loops and the one on top plays just once. The top video needs to be masked so the bottom video part shows through. It's working, accept on IE it's not, with the obvious clip-path limitation. What are the other ways for me to mask a part of the video so it supports IE?
.front
-webkit-clip-path: inset(0 51.5% 0 0);
clip-path: inset(0 51.5% 0 0);
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
.back
position: absolute;
top: 0;
left: 0;
width: 100%;
css css3 less
add a comment |
I have two videos on top of one another, where one loops and the one on top plays just once. The top video needs to be masked so the bottom video part shows through. It's working, accept on IE it's not, with the obvious clip-path limitation. What are the other ways for me to mask a part of the video so it supports IE?
.front
-webkit-clip-path: inset(0 51.5% 0 0);
clip-path: inset(0 51.5% 0 0);
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
.back
position: absolute;
top: 0;
left: 0;
width: 100%;
css css3 less
add a comment |
I have two videos on top of one another, where one loops and the one on top plays just once. The top video needs to be masked so the bottom video part shows through. It's working, accept on IE it's not, with the obvious clip-path limitation. What are the other ways for me to mask a part of the video so it supports IE?
.front
-webkit-clip-path: inset(0 51.5% 0 0);
clip-path: inset(0 51.5% 0 0);
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
.back
position: absolute;
top: 0;
left: 0;
width: 100%;
css css3 less
I have two videos on top of one another, where one loops and the one on top plays just once. The top video needs to be masked so the bottom video part shows through. It's working, accept on IE it's not, with the obvious clip-path limitation. What are the other ways for me to mask a part of the video so it supports IE?
.front
-webkit-clip-path: inset(0 51.5% 0 0);
clip-path: inset(0 51.5% 0 0);
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
.back
position: absolute;
top: 0;
left: 0;
width: 100%;
css css3 less
css css3 less
asked Mar 7 at 18:57
Max TMax T
1971216
1971216
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55050970%2fclip-path-for-video-overlay-in-ie%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55050970%2fclip-path-for-video-overlay-in-ie%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown