Buffering animation gone - Chromecast player CSS issues

Support
, , ,
1

Hello, I’ve applied the following CSS to the Chromecast player, but the buffering animation is now gone (I don’t know why but even if I remove all the CSS it still won’t appear). I’ve tried playing a video from your demo player with chromecast but even then the buffering animation won’t show… And I don’t know why since I’ve tried multiple devices. Also I would like the animation to be yellow-ish, that’s why I added the “filter” option in CSS.
I also have another issue: I want to reduce the line-height for subtitles since it’s too high, but even if I set it for “bmpui-ui-subtitle-label” class nothing happens. Can someone tell me how to reduce subtitles line height from Chromecast CSS?

.bmpui-ui-watermark {
    display: none;
}

.bmpui-subtitle-region-container .bmpui-ui-subtitle-label {
    background-color: transparent !important;
}

.bmpui-ui-uicontainer .bmpui-ui-subtitle-overlay .bmpui-ui-subtitle-label {
    text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000 !important;
    font-size: calc(12px + 1.5vw) !important;
}

.bmpui-ui-selectbox {
    color: #e5ba76 !important;
}

.bmpui-seekbar-playbackposition,
.bmpui-seekbar-playbackposition-marker {
    background-color: #e5ba76 !important;
}

.bmpui-seekbar-playbackposition-marker {
    border: .1875em solid rgba(229, 186, 118, 0.35) !important;
}

.bmpui-ui-buffering-overlay-indicator {
    filter: brightness(0) saturate(100%) invert(78%) sepia(36%) saturate(448%) hue-rotate(354deg) brightness(91%) contrast(97%) !important;
}

.bmpui-ui-buffering-overlay {
    background-color: rgb(56 44 25 / 35%);
}
2

Hi @itzgeek77 , thanks for reporting this behaviour. It seems that you are trying to use Bitmovin player on Chromecast receiver.

Using 3rd party player including Bitmovin player on Chromecast Web receiver is deprecated since a couple of years and replaced with the built in CAF receiver SDK player(MPL or Shaka) on Chromecast receiver. So Bitmovin CSS should not be used and would also not apply on receiver player.

Please find following tutorial about using the CAF V3 receiver with Bitmovin player SDKs(as sender side SDK) : CAF Support

Please let me know if there are any followup questions about using CAF V3 receiver.