Power Strip

.video-container { position: relative; } .play-btn { width: 60px; height: 60px; border: 6px solid white; border-radius: 50%; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .play-btn::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 25px; border-color: transparent transparent transparent white; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); cursor: pointer; } @media (max-width: 767px) { .play-btn { display: none; } } $(document).ready(function () { if(window.innerWidth <= 768) return $('.play-btn').click(function () { $('.ug-custom-video').get(0).play(); }); $('.ug-custom-video').on('play', function () { $('.play-btn').hide(); }); $('.ug-custom-video').on('pause', function () { $('.play-btn').show(); }); });