: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
background-position: -100px 0;
background-position: -60px 0;
background-position: -40px 0;
.mejs__volume-button > .mejs__volume-slider {
-webkit-backface-visibility: hidden;
background: rgba(50, 50, 50, 0.7);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
.mejs__volume-button:hover {
border-radius: 0 0 4px 4px;
background: rgba(255, 255, 255, 0.5);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
.mejs__horizontal-volume-slider {
.mejs__horizontal-volume-total {
background: rgba(50, 50, 50, 0.8);
.mejs__horizontal-volume-current {
background: rgba(255, 255, 255, 0.8);
.mejs__horizontal-volume-handle {
/* Start: Track (Captions and Chapters) */
.mejs__captions-button > button {
background-position: -140px 0;
.mejs__chapters-button > button {
background-position: -180px 0;
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
.mejs__chapters-button > .mejs__chapters-selector {
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
list-style-type: none !important;
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
list-style-type: none !important;
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
background-color: rgb(200, 200, 200) !important;
background-color: rgba(255, 255, 255, 0.4) !important;
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
.mejs__captions-selected,
.mejs__chapters-selected {
color: rgba(33, 248, 248, 1);
.mejs__captions-translations {
.mejs__captions-layer a {
text-decoration: underline;
.mejs__captions-layer[lang=ar] {
.mejs__captions-position {
.mejs__captions-position-hover {
background: rgba(20, 20, 20, 0.5);
box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
/* End: Track (Captions and Chapters) */
.mejs__overlay-error > img {