控制html5播放器

时间:2016-12-09 10:17:09

标签: html5 controls bitmovin-player

Hiya人我希望得到一些帮助,无缘无故对Chrome的控制没有出现,但他们对mozilla和IEcrappycrap做了什么你对可以做什么有任何想法,我使用的是360VR播放器(Bitmovin) dunno如果它可以有一个链接,但是当我取下嵌入div的bitmovin播放器时,控件有效......

    <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 个答案:

答案 0 :(得分:0)

Bitmovin Player明确隐藏Chrome的原生视频元素,使用CSS进行控制。它不是仅隐藏所使用的视频元素之一,而是为网站上的所有视频元素执行此操作。这已在播放器的version 7中得到修复,因此您不应再使用最新的稳定版本来解决此问题。