2017-09-07 2 views
0

Ce que j'essaie de comprendre, c'est comment faire un html5 vidéo (mp4) pour avoir hexagon edges. Ma taille de la vidéo est 900x600 et c'est un carré, j'essaie d'en faire un hexagone à la place.Hexagone bords coupés sur la vidéo html5

quelqu'un pourrait aider?

Répondre

0

Pas que je sache .. Vous pouvez faire une forme hexagonale en CSS et le coller sur le dessus, mais cela coupera bien sûr une partie de votre vidéo. Edit: Ce que je voulais dire auparavant, c'est qu'il pouvait soit éditer la vidéo ou quelque chose comme ça parce que vous n'obtiendrez pas un hexagone parfait en CSS. Quoi qu'il en soit, voici votre solution:

Faisant usage de :before et :afterhttps://jsfiddle.net/rckndxbx/

+0

Je veux que la partie hexagone pour couper la partie vidéo soit juste, aucune idée comment puis-je réaliser cela alors? –

+0

Couper une partie de la vidéo est un fait, combien de caméras connaissez-vous qui ont une sortie hexagonale –

+0

Je ne me suis pas clair assez clair, je veux que l'hexagone coupe aussi couper la vidéo .. –

1

Vous pouvez le faire en utilisant css simples

video{ 
     -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
} 

cela montrera votre vidéo comme une forme hexagonale. pour mieux le comprendre suivez le lien clipping video Pour toute requête commentez le. Tout le meilleur.