[CSS][HTML]Border w środku odtwarzacza video Opcje

[Generic]

Witam. Czy mógłby mi ktoś wytłumaczyć jak osiągnąć taki efekt że przezroczysta ramka znajduje się w środku odtwarzacza, tak jak jest to pokazane na obrazku poniżej? Zazwyczaj ramki są dookoła filmu. Czy jest to do zrobienia w samym html/css? Z góry dziękuję i pozdrawiam.

(IMG:http://i.imgur.com/EDfWVOU.jpg)

[trueblue]

Coś takiego powinno zadziałać:

[HTML] pobierz, plaintext 
<style type="text/css">
.border{
 position:relative;
}
.border:after
{
 position:absolute;
 left:0;
 top:0;
 width:200px;
 height:200px;
 box-shadow: inset 0 0 0 4px rgba(255,0,0,0.5);
 content:'';
}
</style>
 
<div class="border">
<video   class="border" width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
</div>
[HTML] pobierz, plaintext 

Ten post edytował trueblue 2.03.2015, 20:54:11