moay / afterglow

HTML5 video player made easy.
http://afterglowplayer.com
MIT License
234 stars 47 forks source link

Remove shadow inside player when adding poster or background-image #97

Closed gregoryscode closed 5 years ago

gregoryscode commented 5 years ago

Hello,

After I add a poster or a background-image property to the video tag, a strange shadow is added to the video player.

How can I remove that?

<div class="video-style m-t-70" style="margin-bottom:20px!important;">
     <video class="afterglow" id="myvideo" width="1000" height="563" style="background-image:url(img/img_video_thumb2.png);">
            <source type="video/mp4" src="video/video.mp4" data-quality="hd" />
     </video>
</div>

.video-style {
    width: 1000px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow:none!important;
}

sample

moay commented 5 years ago

Just tried both poster and background image. See https://codepen.io/pen?template=EKqPNL

It's not related to afterglow, check your other scrips and styles for one that might add the shadow.