.gif-video {
   position: relative;
}
.mediaPlaybackRequiresUserAction .gif-video::after {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-top: 35px solid transparent;
   border-bottom: 35px solid transparent;
   border-left: 60px solid white;
   opacity: 0.7;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   pointer-events: none
}

.mediaPlaybackRequiresUserAction .gif-video.playing::after {
   display: none;
}

/*
.gif-video::before {
   content: "vgif";
   font-size: 14px;
   line-height: 16px;
   height: 16px;
   background-color: white;
   background-image: url(//orf.at//mojo/1_3/storyserver//common/msapplicationtiles/target.128x128.png);
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: left 1px;
   right: 0;
   bottom: 0;
   padding: 2px 4px 2px 18px;
   position: absolute;
   z-index: 2;
   opacity: 0.5;
}
*/

.gif-video video {
   width: 100%;
   display: block;
   /* windows mobile "loses" background when another video starts */
   background-color: #f0f1f4;
}

.touch .gif-video video {
   cursor: pointer; /* needed on ios for element to be clickable */
}

/* on winphone and android, there is no play button; on ios, there is one for first start, but not after pause */
.gif-video video::-webkit-media-controls-start-playback-button {
   display: none;
}

/* force preview play button on chrome */
/*
.gif-video video::-webkit-media-controls-overlay-play-button {
   display: block !important;
}
*/