Le plugin jQuery avec un effet deroulant ne fonctionne que sous chrome

bonjour a tous
j ai trouve un menu déroulant en jQuery mais lorsque je veux y insérer une vidéo dans le menu déroulant clé ne fonctionne qu avec chrome

pour l exemple
je me suis rendu sur ce site
https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=accordion-with-plus-minus-icon

j ai modifie le code de façon a ce qu une vidéo s affiche dans le menu déroulant
cela fonctionne avec chrome mais pas avec les autres navigateurs

voila ce qu il y avait dans le code source

<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<p>HTML stands for HyperText Markup Language. HTML is the standard markup language for describing the structure of web pages. <a href="https://www.tutorialrepublic.com/html-tutorial/" target="_blank">Learn more.</a></p>
</div>

et voici par quoi je l ai remplace

<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div align="center"><object width="980" height="470"><param value="https://www.dailymotion.com/swf/video/x36p1an?foreground=%23F7FFFD&background=%23171D1B&highlight=%23FFC300&additionalInfos=0" name="movie"><param value="true" name="allowFullScreen"><param value="always" name="allowScriptAccess"><embed width="650" height="470" allowscriptaccess="always" allowfullscreen="true" src="https://www.dailymotion.com/swf/video/x36p1an?foreground=%23F7FFFD&background=%23171D1B&highlight=%23FFC300&additionalInfos=0" type="application/x-shockwave-flash"></object></div>
</div>

merci de l aide

EDIT : Correction des balises de code ( ajout du LANGAGE ... encore... )