#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;
}
}
Machete Kills
Film en streaming complet vf et vostfr hd
regarder ou telecharger le film Machete Kills en streaming complet hd vf et vostfr replay gratuit vod sans limite et sans inscrption compatible chrome cast sur mobile tablette pc console
Le gouvernement des États-Unis recrute Machete pour se débarrasser d'un marchand d'armes qui veut envoyer une arme destructrice dans l'espace. Machete va devoir traverser le Mexique pour accomplir sa mission...
- Titre Original: Machete Kills
- Genre: Action, Crime, Thriller,
- Réalisateur: Robert Rodriguez
- Acteurs: Danny Trejo, Mel Gibson, Demián Bichir, Amber Heard, Michelle Rodriguez, Sofía Vergara, Charlie Sheen, Jessica Alba
