Youtube Player Iframe, sound with no video on fire

Question

I'm using YT Player API to create a multiple iframe youtube videos within slider the first video is called after 'onYouTubeIframeAPIReady' the next videos appear when I click the next button which is working as it should. but when I try to play the video on firefox some videos goes black with voice only, I discovered that the videos goes with the black screen try to use flash not the html5 feature. some times it's work but I can't control the video to stop it.

Here's below the link http://www.thesevenlayers.net/mi7/slider.html?sec=&node=17

Answer 1

After 2 days Working on this issue I discovered where is the problem.

I was using idangerous Swiper for the sliding content so.

idangerous Swiper using CSS3 transform prevents the controls of the youtube video from being displayed and also prevent the full-screen option of it.

Setting the backface-visibility property on .swiper-container will prevent the full-screen transform CSS on .swiper-wrapper class prevent the controls of the youtube and make many other issues like the black screen, Audio playing without video etc...

so I think you should put in your consideration to change the idangerous Swiper if you want the youtube video to play properly.