#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;
}
}
Vertiges de l'amour
Film en streaming complet vf et vostfr hd
regarder ou telecharger le film Vertiges de l'amour en streaming complet hd vf et vostfr replay gratuit vod sans limite et sans inscrption compatible chrome cast sur mobile tablette pc console
Comment peut-on être sûr d'aimer la femme de sa vie pendant toute son existence ? C'est la question que se pose, bien malgré lui, Vincent à la veille de son mariage avec la jeune et ravissante Hélène. Durant une longue nuit, ce trentenaire rêve qu'il tombe amoureux d'une inconnue et échafaude des hypothèses toujours plus saugrenues quant à son statut de futur homme marié. Rapidement, le doute cède la place à la panique, qui cède à son tour la place aux vertiges... de l'amour. Et tout cela finit par l'entraîner dans une série d'aventures sentimentales à options multiples qui le bouleverse.
