CHECKBOX

(reprise du message précédent)

<script src="https://fast.wistia.com/embed/medias/h37i2oo3c1.jsonp" async=""></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async=""></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_h37i2oo3c1 videoFoam=true wistia_embed_initialized" style="height:100%;position:relative;width:100%" id="wistia-h37i2oo3c1-1"><div class="wistia_swatch" style="height: 100%; left: 0px; opacity: 1; overflow: hidden; position: absolute; top: 0px; transition: opacity 200ms ease 0s; width: 100%;"><img src="https://fast.wistia.com/embed/medias/h37i2oo3c1/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" aria-hidden="true" onload="this.parentNode.style.opacity=1;"></div><div id="wistia_chrome_26" class="w-chrome" tabindex="-1" style="display: inline-block; height: 100%; line-height: normal; margin: 0px; padding: 0px; position: relative; vertical-align: top; width: 100%; zoom: 1; outline: none; overflow: hidden; box-sizing: content-box;"><div id="wistia_grid_32_wrapper" style="display: block;"><div id="wistia_grid_32_above"></div><div id="wistia_grid_32_main"><div id="wistia_grid_32_behind"></div><div id="wistia_grid_32_center"><div class="w-video-wrapper w-css-reset" style="clip: rect(0px, 0px, 0px, 0px); height: 100%; position: absolute; top: 0px; width: 100%; opacity: 1; background-color: rgb(0, 0, 0);"></div><div class="w-ui-container" style="height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; opacity: 1;"></div></div><div id="wistia_grid_32_front"></div><div id="wistia_grid_32_top_inside"><div id="wistia_grid_32_top"></div></div><div id="wistia_grid_32_bottom_inside"><div id="wistia_grid_32_bottom"></div></div><div id="wistia_grid_32_left_inside"><div id="wistia_grid_32_left"></div></div><div id="wistia_grid_32_right_inside"><div id="wistia_grid_32_right"></div></div></div><div id="wistia_grid_32_below"></div><style id="wistia_33_style" type="text/css" class="wistia_injected_style">#wistia_grid_32_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;}#wistia_grid_32_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}#wistia_grid_32_above{position:relative;}#wistia_grid_32_main{display:block;height:100%;position:relative;}#wistia_grid_32_behind{height:100%;left:0;position:absolute;top:0;width:100%;}#wistia_grid_32_center{height:100%;overflow:hidden;position:relative;width:100%;}#wistia_grid_32_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;}#wistia_grid_32_top_inside{position:absolute;left:0;top:0;width:100%;}#wistia_grid_32_top{width:100%;position:absolute;bottom:0;left:0;}#wistia_grid_32_bottom_inside{position:absolute;left:0;bottom:0;width:100%;}#wistia_grid_32_bottom{width:100%;position:absolute;top:0;left:0;}#wistia_grid_32_left_inside{height:100%;position:absolute;left:0;top:0;}#wistia_grid_32_left{height:100%;position:absolute;right:0;top:0;}#wistia_grid_32_right_inside{height:100%;right:0;position:absolute;top:0;}#wistia_grid_32_right{height:100%;left:0;position:absolute;top:0;}#wistia_grid_32_below{position:relative;}</style></div></div></div></div></div>

Voilà le code de wistia

Alors j'ai utilisé Wistia avant de trouver DailyMotion parce qu'il y a des droits musicaux et YouTube bloquait le son...du coup il a fallu que je trouve une alternative

OK ! Mais tout ce script pour ça...

Tu peux faire la même chose (sauf que les boutons sont gris au lieu de bleu) avec :

<iframe src="https://fast.wistia.com/embed/medias/h37i2oo3c1/" style="height: 100%;left:0px;position:absolute;width:100%;"></iframe>

Et aussi, ça fonctionne là ? Quand tu coches une case, elle reste bloquée, c'est bon ?
Modifié par js_html (25 Feb 2021 - 17:59)

js_html a écrit :
OK ! Mais tout ce script pour ça...

Tu peux faire la même chose (sauf que les boutons sont gris au lieu de bleu) avec :

<iframe src="https://fast.wistia.com/embed/medias/h37i2oo3c1/" style="height: 100%;left:0px;position:absolute;width:100%;"></iframe>

Et aussi, ça fonctionne là ? Quand tu coches une case, elle reste bloquée, c'est bon ?

Ah le code ne marche pas, j'ai pas la vidéo..

Pourtant, ça fonctionne pour moi : https://jsfiddle.net/exercices/w9ay2b8v/ !


Quand tu coches une case, elle reste bloquée, c'est bon ?

Ca n'affiche rien sur le site pourtant https://www.cjoint.com/data3/KBzsQx2p1QG_Sans-titre-2.png

Bizarre, j'ai réessayé pour être sure mais pareil...

Ouais le code est super long mais c'est Wistia qui le propose comme ça

Pour wistia, ce n'est pas grave...
Mais du coup, sur ta page où tes vidéos sont Youtube ou Dailymotion, la case reste cochée après réactualisation ?

Du coup, tu veux quoi ? Mettre les checkbox 1 par 1 à la main ? Rajouter les id à la main ? Rajouter un préfixe texte à la main ? Faire tout ce qui a un rapport avec les checkbox en JS ?

C'est toi qui sait ce dont tu as besoin, ce que tu veux faire...

Non elles se décochent en actualisant...(désolé pour le délai de réponses quelques galeres...)

Et bien le plus simple je pense. Juste une checkbox qui reste cochée quand quelqu'un la coche. Après si je dois ajouter les checkbox une par une ça ne me dérange pas