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.

jsfiddle


Comments

Popular posts from this blog

networking - Vagrant-provisioned VirtualBox VM is not reachable from Ubuntu host -

c# - ASP.NET Core - There is already an object named 'AspNetRoles' in the database -

ruby on rails - ArgumentError: Missing host to link to! Please provide the :host parameter, set default_url_options[:host], or set :only_path to true -