Skip to content

Instantly share code, notes, and snippets.

@lpetrov
Last active August 29, 2015 14:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lpetrov/2d8cea2a286135560706 to your computer and use it in GitHub Desktop.
Save lpetrov/2d8cea2a286135560706 to your computer and use it in GitHub Desktop.
firefox_border_radius_video_bug
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 9]><html xmlns="http://www.w3.org/1999/xhtml" class="ie8"><![endif]-->
<!--[if IE 9]><html xmlns="http://www.w3.org/1999/xhtml" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml" class="other"> <!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style>
.container0 {
position: absolute;
right: 16px;
}
.container1 {
float: left;
width: 320px;
height: 280px;
}
.container2 {
border-radius: 30px;
overflow: hidden;
}
video {
display: block;
width: 100%;
height: 100%;
background: black;
transform: rotateY(180deg);
}
#video-1 {
border-radius: 15px; /* <- the problem */
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div class="container0">
<div class="container1">
<div class="container2">
</div>
</div>
</div>
<script type="text/javascript">
(function() {
var i = 0;
var success = function (stream) {
var $videoElem = $("<video autoplay='true' id='video-" + i + "' />");
var video = $videoElem[0];
video.mozSrcObject = stream;
video.play();
$('.container2').append($videoElem);
video.play();
i++;
};
var err = function (err) {
console.log("An error occured! " + err);
};
navigator.mozGetUserMedia(
{ video: true, audio: true },
function(stream) {
success(stream);
navigator.mozGetUserMedia(
{ video: true, audio: true },
success,
err
);
},
err
);
})();
</script>
</body>
</html>
lpetrov@lpetrov-ubuntu-vm:~$ /usr/lib/nux/unity_support_test -p
libGL error: pci id for fd 4: 80ee:beef, driver (null)
OpenGL Warning: glFlushVertexArrayRangeNV not found in mesa table
OpenGL Warning: glVertexArrayRangeNV not found in mesa table
OpenGL Warning: glCombinerInputNV not found in mesa table
OpenGL Warning: glCombinerOutputNV not found in mesa table
OpenGL Warning: glCombinerParameterfNV not found in mesa table
OpenGL Warning: glCombinerParameterfvNV not found in mesa table
OpenGL Warning: glCombinerParameteriNV not found in mesa table
OpenGL Warning: glCombinerParameterivNV not found in mesa table
OpenGL Warning: glFinalCombinerInputNV not found in mesa table
OpenGL Warning: glGetCombinerInputParameterfvNV not found in mesa table
OpenGL Warning: glGetCombinerInputParameterivNV not found in mesa table
OpenGL Warning: glGetCombinerOutputParameterfvNV not found in mesa table
OpenGL Warning: glGetCombinerOutputParameterivNV not found in mesa table
OpenGL Warning: glGetFinalCombinerInputParameterfvNV not found in mesa table
OpenGL Warning: glGetFinalCombinerInputParameterivNV not found in mesa table
OpenGL Warning: glDeleteFencesNV not found in mesa table
OpenGL Warning: glFinishFenceNV not found in mesa table
OpenGL Warning: glGenFencesNV not found in mesa table
OpenGL Warning: glGetFenceivNV not found in mesa table
OpenGL Warning: glIsFenceNV not found in mesa table
OpenGL Warning: glSetFenceNV not found in mesa table
OpenGL Warning: glTestFenceNV not found in mesa table
libGL error: core dri or dri2 extension not found
libGL error: failed to load driver: vboxvideo
OpenGL vendor string: Humper
OpenGL renderer string: Chromium
OpenGL version string: 2.1 Chromium 1.9
Not software rendered: yes
Not blacklisted: yes
GLX fbconfig: yes
GLX texture from pixmap: yes
GL npot or rect textures: yes
GL vertex program: yes
GL fragment program: yes
GL vertex buffer object: yes
GL framebuffer object: yes
GL version is 1.4+: yes
Unity 3D supported: yes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment