Em seguida cole o código CSS abaixo no campo de CSS personalizado: #video-container{ position: relative; width: 100%; padding-bottom: 56.25%; } #video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #start-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 1; border-radius: 20px; cursor: pointer; transition: 0.5s; } #play-button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; display: block; z-index: 999; cursor: pointer; } #playing-overlay{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; transition: 0.5s; border-radius: 20px; cursor: pointer; } #pause-overlay{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; border-radius: 20px; cursor: pointer; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), #000 70%); } #resume-button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; cursor: pointer; } selector iframe{ border-radius: 20px; } .esconder{ display: none; }