Chrome changes Poster image on mouse hover with Afterglow HTML5 Video -
i'm using afterglow's html5 video player. have created sample video poster
attribute. when using chrome browser, when hover mouse on video, poster
image disappear , reappear. creates blinking effect not want. how stop this?
<script src="https://cdn.jsdelivr.net/afterglow/latest/afterglow.min.js"></script> <div class="video-div"> <div id="group_1" class="videocontainer"> <video id="video_s08e01" poster="http://via.placeholder.com/566x318" class="afterglow" width="566" height="318" style="z-index:1;"> <source type="video/mp4" src="https://www.w3schools.com/html/mov_bbb.mp4" /> </video> </div> </div>
here jsfiddle. https://jsfiddle.net/zpo1cxbb/2/
just delete style="z-index:-1"
video element.
Comments
Post a Comment