#main-player .spinner {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
border: 5px solid rgba(255, 255, 255, 0.3);
border-top-color: #ff6600;
border-radius: 50%;
animation: spin 1s linear infinite;
transform: translate(-50%, -50%);
z-index: 1002;
display: none;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 60px 0 60px 90px;
border-color: transparent transparent transparent #ff6600;
cursor: pointer;
transition: transform 0.3s ease;
}
@media screen and (max-width: 1024px) {
.play-button {
border-width: 40px 0 40px 60px;
}
}
@media screen and (max-width: 768px) {
.play-button {
border-width: 40px 0 40px 60px;
}
}
@media screen and (max-width: 480px) {
.play-button {
border-width: 40px 0 40px 60px;
top: 45%;
left: 55%;
}
}
@media screen and (max-width: 320px) {
.play-button {
border-width: 40px 0 40px 60px;
top: 45%;
left: 55%;
}
}
@media screen and (max-height: 500px) {
.play-button {
border-width: 40px 0 40px 60px;
}
}
.play-button:hover {
transform: translate(-50%, -50%) scale(1.1);
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
#main-player .close-btn {
position: absolute;
top: 1px;
left: 1px;
width: 25px;
height: 25px;
background-color: #2e2e2e;
color: #ffffff;
font-size: 18px;
text-align: center;
line-height: 25px;
border-radius: 10%;
cursor: pointer;
z-index: 1001;
display: none;
transition: background-color .3s ease;
box-shadow: 0 0 4px 2px #000000b8;
}
#main-player.fixed-player .close-btn {
display: block;
}
#main-player .close-btn:hover,
#main-player .close-btn:focus {
background-color: #433800;
}
@media (max-width: 768px) {
#main-player.fixed-player {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 250px;
z-index: 1000;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
#main-player.fixed-player iframe {
width: 100%;
height: 100%;
}
}
@media (min-width: 769px) {
#main-player.fixed-player {
position: fixed;
bottom: 20px;
right: 20px;
width: 400px;
height: 170px;
z-index: 10000;
box-shadow: 0 0 15px rgb(0 0 0);
}
#main-player.fixed-player iframe {
width: 100%;
height: 100%;
}
}
#player-container {
border-radius: 8px;
height: 400px;
position: relative;
max-width: 100%;
margin: 0 auto;
}
#main-player {
width: 100%;
height: 100%;
background-color: #1d1d1d;
box-shadow: 0 0 20px rgb(0 0 0 / 80%);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#play-button {
width: 0;
height: 0;
border-style: solid;
border-width: 60px 0 60px 90px;
border-color: transparent transparent transparent #ff6600;
cursor: pointer;
transition: transform 0.3s ease;
}
#main-player:hover #play-button,
#main-player:focus #play-button {
transform: scale(1.2);
animation: pulse 1s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
#video-iframe {
width: 100%;
height: 100%;
border: none;
}
#player-options {
display: flex;
justify-content: center;
flex-wrap: nowrap;
gap: 50px;
position: absolute;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.7);
box-shadow: 0 0 20px rgb(0 0 0 / 80%);
padding: 5px;
}
.player-option {
position: relative;
padding: 10px 15px;
background-color: #3a3a3a;
border: none;
color: white;
cursor: pointer;
border-radius: 4px;
width: 100px;
text-align: center;
flex-shrink: 0;
}
.player-option.active {
border-bottom: 3px solid #f48625;
}
.version-dropdown {
display: none;
position: absolute;
bottom: 100%;
left: 0;
background-color: #000;
border-radius: 4px 4px 0 0;
width: 100%;
z-index: 10;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}
.version-option {
cursor: pointer;
text-align: center;
border: 1px solid #5151516b;
}
.version-option:hover,
.version-option:focus {
background-color: #4a4a4a;
}
@media (max-width: 768px) {
#player-container {
height: auto;
}
#main-player {
aspect-ratio: 12 / 9;
height: auto;
}
#player-options {
position: static;
justify-content: flex-start;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 5px;
gap: 0;
}
#player-options::-webkit-scrollbar {
display: none;
}
.player-option {
flex: 0 0 auto;
margin-right: 0;
padding: 1px 0px;
}
.version-dropdown {
position: absolute;
top: 100%;
bottom: auto;
border-radius: 0 0 4px 4px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
}
.customDiv {
height: 70px !important;
width: auto;
}
@media screen and (max-width: 768px) {
.customDiv {
height: 20px !important;
}
}
Dood
Filmoon
Uqload
Voe
Netu
Une comédie romantique
Film en streaming complet vf et vostfr hd
regarder ou telecharger le film Une comédie romantique en streaming complet hd vf et vostfr replay gratuit vod sans limite et sans inscrption compatible chrome cast sur mobile tablette pc console
Après avoir disparu du jour au lendemain, César réapparaît dans la vie de Salomé et découvre qu’il est le père d’une petite fille de 3 ans. Cette fois-ci, il va tout faire pour être à la hauteur de leur histoire.
Version: French Qualité: HD Date de sortie: 2022
