11521 sujets

JavaScript, DOM et API Web HTML5

Pages :
(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 Smiley eek Smiley eek Smiley eek

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... Smiley eyecrazy

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... Smiley eyecrazy

Tu peux faire la même chose (sauf que les boutons sont gris au lieu de bleu) avec :
&lt;iframe src="https://fast.wistia.com/embed/medias/h37i2oo3c1/" style="height: 100%;left:0px;position:absolute;width:100%;"&gt;&lt;/iframe&gt;


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..
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
Et on est censé savoir comment ce qui ne va pas ?

Tu peux essayer ceci directement et actualiser : https://jsfiddle.net/exercices/qb9m1yvo/ ?
Se décochent-elles sur jsfiddle ?

Si oui, essaie sur un autre navigateur, mais c'est bizarre.
Si non, ton problème est soit que tu n'as pas entré le bon code sur TA page, soit que ton site fait n'importe quoi...

Tu peux répondre à ceci, s'il te plaît ?
Pages :