Управляет html5 плеером

Привет, люди, на которых я надеялся, что без какой-либо причины элементы управления Chrome не отображаются, но они появляются на Mozilla и IEcrappycrap. Есть ли у вас какие-либо идеи о том, что можно сделать, я использую плеер 360VR (Bitmovin), если не смог У меня есть ссылка, но когда я снимаю битминовый проигрыватель, встроенный в div, элементы управления работают...

    <body onload="Onload()">

    <div id="background">
    <img id="bg" class="bg" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Bg_m.jpg" style="position:absolute;"/>
    <img id="redirection" class="redi" onclick="Redirection()" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/btn_1.gif" style="cursor:pointer;position:absolute;"/>
    </div>
    <div id="container">
    <a href="javascript:;" onClick="Bandeau(1);" > <img id="bandeau_top" class="bandeau" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Pub_haut_m.jpg" style="position:absolute;"/></a>
    <img id="Fleche_G" class="fleche" onclick="Left()" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/fleche_gauche_m.png" style="position:absolute;"/>
    <img id="Fleche_D" class="fleche" onclick="Right()"  src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/fleche_droite_m.png" style="position:absolute;"/>
    <div class="content">
    <div class="player-wrapper">
    <div id="playerDiv">
//bitmovinplayerembed here
    </div>

    </div>
    </div>
    <iframe name="__bkframe" height="0" width="0" frameborder="0" style="display:none;position:absolute;clip:rect(0px 0px 0px 0px)" src="about:blank"></iframe> 

    <video id="video1"   controls preload="none" onclick="Stop()" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/ours.mp4" style="position:absolute;"></video>
    <img id="Video_played" class="Video" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/dark.gif" style="position:absolute;"/>

    <div id="Choix">
    <a href="javascript:;" onClick="Play(1);" > <img id="Vid_1"  src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette1_produit1_m.jpg" style="position:absolute;"/></a>


    <a href="javascript:;" onClick="Play(2);" ><img id="Vid_2"  src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette2_produit2_m.jpg" style="position:absolute;"/></a>


    <a href="javascript:;" onClick="Play(3);" ><img id="Vid_3"  src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette3_film_m.jpg" style="position:absolute;"/></a>


    <a href="javascript:;" onClick="Play(4);" ><img id="Vid_4"  src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette4_betisier_m.jpg" style="position:absolute;"/></a>


    <a href="javascript:;" onClick="Play360(360);" ><img id="Vid_5"  src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Vignette5_360_m.jpg" style="position:absolute;"/></a>

    <img id="text_video"  src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/text360_m.png" style="position:absolute;"/>


    </div>
    <div id="Jeu_container">
    <img id="Jeu_played" class="Jeu" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Jeu_m.jpg" style="visibility:hidden;position:absolute;"/>
    <iframe id="iframe" src="http://www.jeubignoel.com/"></iframe>
    </div>
    <a href="javascript:;" onClick="Bandeau(2);" ><img id="bandeau_bot" class="bandeau" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/Orange/Orange2/Pub_bas_m.jpg" style="position:absolute;"/></a>
    <p id="mention2">
    Big = grand
    </p>
    <p id="mention">
   </p>

    <img id="track" src="http://slpubmedias.tf1.fr/test_nocache/test_jf/BlindSpot/Desktop/empty.png" style="position:absolute;">

    </div>

1 ответ

Bitmovin Player явно скрыл нативные элементы управления Chrome с помощью CSS. Вместо того, чтобы скрывать только один из используемых элементов видео, он сделал это для всех элементов видео на сайте. Это было исправлено в 7 версии плеера, поэтому вы не должны больше сталкиваться с этой проблемой в последней стабильной версии.

Другие вопросы по тегам