5tarl0rd

* {

    margin: 0;

    padding: 0;

}



body {

    padding-top: 0px;

    text-align: center;

    font-family: Arial;

}



.vidbox {

  position: fixed;

  width:350px ;

  height: 180px ;

  margin: 0px;

}



#video {

  border: 2px solid black;

  position: absolute;

  top: 0;

  left: 0;

}



#playbutton {

  width: 0;

  height: 50px;

  position: absolute;

  left: 10px;

  top: 10px;

  border: 0;

  background-color: transparent;

  filter: opacity(80%);

  border-color: transparent transparent transparent #FF0000;

  cursor: pointer;

  border-style: solid;

  border-width: 25px 0 25px 40px;

}



#playbutton.playing {

  border-style: double;

  border-width: 0 0 0 40px;

}





@keyframes blinkingText

{

    0%{     opacity: 1;    }

    40%{    opacity: 0; }

    60%{    opacity: 0; }

    100%{   opacity: 1;    }

}



.blink

{

    animation:blinkingText 2s reverse infinite;

}