Hiya people i was hoping for some help for no reason the controls on chrome do not appear but they do on mozilla and IEcrappycrap do you have any idea about what could do it , i'm using a 360VR player (Bitmovin) dunno if it could have a link but when i take off the bitmovin player embed in a div , the controls works ...
<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>
The Bitmovin Player explicitly hid Chrome's native video element controls using CSS. Instead of hiding just the one of the used video element, it did this for all video elements on the website. This has been fixed in version 7 of the player, so you should not experience this problem anymore with the latest stable version.
Related
I have embedded a tiktok onto my site using the copy embed code on the tiktok, and I am happy with the layout of it on desktop screen. However, in mobile screen, I have used flex-direction: colun but this has caused some white space on both sides of the tiktok, i would like to get rid of this please, does anyone know how to?
<div class="luxx-tiktok">
<p>LUXX RENO</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#luxxxreno/video/6999301519010958597" data-video-id="6999301519010958597" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#luxxxreno" href="https://www.tiktok.com/#luxxxreno">#luxxxreno</a> <p>1 v Verdansk | CC: #louicm_ <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a> <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="callofduty" target="_blank" href="https://www.tiktok.com/tag/callofduty">##callofduty</a> <a title="warzonebestclips" target="_blank" href="https://www.tiktok.com/tag/warzonebestclips">##warzonebestclips</a></p> <a target="_blank" title="♬ original sound - Luxx Reno" href="https://www.tiktok.com/music/original-sound-6999301469555919622">♬ original sound - Luxx Reno</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>AVERAGEANT</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#averageant_/video/7000467213442436358" data-video-id="7000467213442436358" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#averageant_" href="https://www.tiktok.com/#averageant_">#averageant_</a> <p>These doors are abit weird 😂<a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="edits" target="_blank" href="https://www.tiktok.com/tag/edits">##edits</a> <a title="viral" target="_blank" href="https://www.tiktok.com/tag/viral">##viral</a> <a title="gaming" target="_blank" href="https://www.tiktok.com/tag/gaming">##gaming</a> <a title="warzoneclips" target="_blank" href="https://www.tiktok.com/tag/warzoneclips">##warzoneclips</a></p> <a target="_blank" title="♬ original sound - Ant" href="https://www.tiktok.com/music/original-sound-7000467080210320133">♬ original sound - Ant</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>SPODERBRAD</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#spoderbrad/video/7000351531686022405" data-video-id="7000351531686022405" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#spoderbrad" href="https://www.tiktok.com/#spoderbrad">#spoderbrad</a> <p>Who wants to run some games? <a title="callofduty" target="_blank" href="https://www.tiktok.com/tag/callofduty">##callofduty</a> <a title="bradspoder" target="_blank" href="https://www.tiktok.com/tag/bradspoder">##bradspoder</a> <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a></p> <a target="_blank" title="♬ original sound - Streamer | SpoderBrad" href="https://www.tiktok.com/music/original-sound-7000351296293292805">♬ original sound - Streamer | SpoderBrad</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>KEEZO</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#kkeezo/video/6997128140489362694" data-video-id="6997128140489362694" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#kkeezo" href="https://www.tiktok.com/#kkeezo">#kkeezo</a> <p>how a 4KD player uses hacks! <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="cod" target="_blank" href="https://www.tiktok.com/tag/cod">##cod</a> <a title="codclips" target="_blank" href="https://www.tiktok.com/tag/codclips">##codclips</a> <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a> <a title="warzonebestclips" target="_blank" href="https://www.tiktok.com/tag/warzonebestclips">##warzonebestclips</a></p> <a target="_blank" title="♬ My Potna Dem - $ILKMONEY" href="https://www.tiktok.com/music/My-Potna-Dem-6776999844323002370">♬ My Potna Dem - $ILKMONEY</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
This is my code:
<a target="_blank" href="http://weknowyourdreams.com">Family</a>
<img src="http://weknowyourdreams.com/images/family/family-02.jpg" height="140" width="300">
</a>
<a target="_blank" href="http://chess.com">Chess</a>
<img height="140" width="300" alt="Chess game" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/ChessSet.jpg/647px-ChessSet.jpg">
</a>
<a target="_blank" href="http://okcstorm.com/index.php/basketball/">Basketball court</a>
<img src="http://okcstorm.com/wp-content/uploads/2016/12/cropped-Basketball-2-1.jpg" width="300" height="200">
What I want to achieve is to link them each to the site that I've got them from. But, the problem is the phone in the code avengers keep telling me this error:
Uncaught TypeError: Cannot read property 'ClearPromptText' of null
I don't know what that means, please help.
.image-f{
float:left;
display:block;
margin-right:10px;
width:300px;
}
.image-f img{
float:left;
width:100%;
height:140;
}
<a target="_blank" class="image-f" href="http://weknowyourdreams.com/" >Family
<img src="http://weknowyourdreams.com/images/family/family-02.jpg" >
</a>
<a target="_blank" class="image-f" href="http://chess.com">Chess
<img alt="Chess game" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/ChessSet.jpg/647px-ChessSet.jpg">
</a>
<a target="_blank" class="image-f" href="http://okcstorm.com/index.php/basketball/">Basketball court
<img src="http://okcstorm.com/wp-content/uploads/2016/12/cropped-Basketball-2-1.jpg" ></a>
I would like my div be clickable. but I have tested multi ways that is possible, but it doesn't work fine :
<a href="https://www.telegram.me/shadyab_deal">
<div id="mob_link" class="home_right_banner_mob">
<img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/>
</div>
</a>
Your html is wrong Please used to this
and define your a tag display inline-block;
a{display:inline-block;vertical-align:top;}
<a href="https://www.telegram.me/shadyab_deal">
<div id="mob_link" class="home_right_banner_mob">
<img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/>
</div>
</a>
2nd option is your can used to this valid HTML
#mob_link a{display:block;}
<div id="mob_link" class="home_right_banner_mob">
<a href="https://www.telegram.me/shadyab_deal">
<img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/>
</a>
</div>
Wrapping block level elements with links is allowed in HTML 5. Just do this.
<a href="https://www.telegram.me/shadyab_deal">
<div id="mob_link" class="home_right_banner_mob">
<img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/>
</div>
</a>
I'm using Wordpress and I'm having some trouble. I'm trying to put 2 image links next to each other but I don't know how. Here's my code:
<strong>Estado de México:</strong>
<div class="fancybox-hidden" style="display: none;">
<div id="fancyboxID-16" class="hentry" style="width: 600px; height: 600px;">
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m12!1m8!1m3!1d3757.9045747875743!2d-99.090586!3d19.631377!3m2!1i1024!2i768!4f13.1!2m1!1sAv+Jos%C3%A9+L%C3%B3pez+Portillo+La+Magdalena+2+55715+San+Francisco+Coacalco%2C+M%C3%A9x.%2C+M%C3%A9xico!5e0!3m2!1ses!2sus!4v1427995160701" width="600" height="450" frameborder="0"></iframe>
<div>
Vía José López Portillo 128, Local 16, Plaza Los Arcos, Coacalco, Edo. de México
<a href="https://www.facebook.com/TheBeerCompanyAgs" target="_blank">
<img src="/wp-content/uploads/2015/04/face.jpg" alt="" />
</a>
<a href="https://twitter.com/tbc_coacalco" target="_blank">
<img src="/wp-content/uploads/2015/04/tw.jpg" alt="" />
</a>
</div>
</div><!--/id="fancyboxID-16"-->
</div><!--/id="fancybox-hidden"-->
<a class="fancybox-inline" href="#fancyboxID-16">Coacalco</a>
You can see how this looks here (choose Coacalco): http://thebeercompany.albeh.com.mx/sucursales/
I basically want the Twitter button next to the FB one, but I can't.
php
<a href='.$row5['url'].'"><img src="../asset/view-as-pdf.jpg"
width="94" height="94" /></a>
html
<center>
<a href="http://tools.com/com/fli7ppdf/K171/157/Kap157_E/files/kap157_en.pdf"">
<img src="asset/view-as-pdf.jpg" height="94" width="94" />
</a>
</center>
after click image, it not open url, but view image. how to fix it
<center><a
href="http://kstools.com/com/flippdf/K11/15/Kap15_E/files/kap15_en.pdf""><a
target="_blank" href="asset/view-as-pdf.jpg"><img
src="asset/view-as-pdf.jpg" height="94" width="94"></a></a></center>
Here you are closing a twice.
Your code should like this ,
<center><img src="asset/view-as-pdf.jpg" height="94" width="94"></center>
HTML
<center>
<a href="http://kstools.com/com/flippdf/K11/15/Kap15_E/files/kap15_en.pdf"">
<img src="asset/view-as-pdf.jpg" height="94" width="94" />
</a>
</center>
Remove anchor tag which has link of the image.