5568 sujets

Sémantique web et HTML

Impossible de paramétrer ma vidéo sans controls

Bonjour à tous je me suis lancé dans un projet et j'ai décidé d'experimenter implementation de vidéo malheureusement je ne peut la paramétrer .
si je ne met pas controls dans ma balise <video> elle ne s'affiche pas j'ai déjà essayé plusieurs façon/positionnement mais rien n'y fait. (je voudrais ajouter l'autoplay et loop
dans un premier temps et retirer le controls biensure)

voici donc mon code (comme dis précédemment je l'ai beaucoup changé dans son positionnement mais le gros y est):



<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="page.css" rel="stylesheet">
        <title>Page</title>
    </head>

    <body>
        <div class="bandeau">

        </div>
        <div class="video">
            <video controls width="1920" height="540">

                <source src="img_vid/roadster-fr_FR.mp4"
                        type="video/mp4">
            </video>
        </div>
    </body>
</html>



(L'image 2 est lorsque je retire le controls)

upload/1599832814-81056-capture.png

upload/1599832741-81056-capture2.png
Modifié par PIMPI (11 Sep 2020 - 16:00)
Il me semble quand lorsque les controls ne sont pas activés, on peut faire un clique droit sur le video pour afficher les contrôles quand même, tu pourrais tenter ça pour voir ce qu'il en est de ta video.
vzytoi a écrit :
Il me semble quand lorsque les controls ne sont pas activés, on peut faire un clique droit sur le video pour afficher les contrôles quand même, tu pourrais tenter ça pour voir ce qu'il en est de ta video.


Oui mais dans mon cas je voudrais juste avoir la vidéo sans controls possible par l'utilisateur
Modérateur
PIMPI a écrit :


Oui mais dans mon cas je voudrais juste avoir la vidéo sans controls possible par l'utilisateur


Sans t'apporter de réponse utile mais mon opinion:
cette manière de faire est plutôt intrusive et frustrante pour le visiteur. Personnellement un site qui m'impose une vidéo (ou un son) sans possibilité de la stopper , je ferme la fenêtre et ne revient pas dessus.

A moins que ce soit une partie intégrante d'une application qui requiert cela, je te conseillerais de laisser le choix au visiteur.

Cdt
Bonjour,
sur un site, j'ai plusieurs vidéos qui fonctionnent, sans avoir ajouté "controls", comme montré ci-dessous :
<map name="map1">
<area href="Videos/Marakadon.mp4" alt="Marakadon" target="_self" shape="rect" coords="0,0,380,320">
</map>
<img src="Images/Marakadon-140-C.jpg" alt="Marakadon" title="Danse en Afrique" usemap="#map1" class="wrap align-left"/>


J'utilise map parce qu'il s'agit d'une image cliquable qui ouvre la vidéo, mais ça ne change rien. La barre de progression s'affiche avec la flèche arrêt/pause, la durée et le niveau du son. Chromium, Firefox, Portable Android, c'est partout le même résultat. Effectivement, le clic droit fait apparaître tous les contrôles de la vidéo, je crois que ça, tu ne pourras pas l'interdire aux visiteurs, et c'est une bonne chose. Comme dit plus haut, ne pas laisser la possibilité aux visiteurs d'arrêter une vidéo, un son ou un slider est très mal vu. Ça devient vite insupportable. À toi de voir.
Essaye controls="controls". Alsacreations a déjà parlé longuement de la balise vidéo html5, tu devrais aller jeter un coup d'œil.
Bien je vois que certaine idée son intéressante et je vous en remercie malheureusement ou heureusement pour moi j'ai trouvé une alternative qui fonctionne je tien juste a ajouter que sur certain site mettre une vidéo sans control possible par l'utilisateur et fait comme sur le site dont je m'inspire pour m'exercer : https://www.tesla.com/fr_FR/roadster

voici mon code résolue (qui ce resume simplement à reprendre la video depuis leur serveur contrairement a ce que je voulais qui été de lavoir dans mes fichier mais cela marche tous autan et cela consomme moins pour votre serveur Smiley cligne ):

<video style="margin-top: 80px;
                          border-bottom-left-radius: 500px 50px;
                          border-bottom-right-radius: 500px 50px;" 
            src="https://www.tesla.com/ns_videos/roadster_videos/roadster-fr_FR.mp4?20180329"
            autoplay loop="" muted=""
            ></video>


je tien à remercie d'avoir pris de votre temps et de la rapidité a la quelle vous m'avez répondu (c'est la premiere fois que j'expérimente cette méthode)
bonne journée a tous Smiley biggrin
Modifié par PIMPI (12 Sep 2020 - 21:14)
Meilleure solution
Sujet clos
Aller à