kt player

[Maciej]

I have question, kt_player is flowplayer?

because in js a see FlowPlayer script

[Tech Support]

Yes, it was initially built on Flowplayer, but it is a custom implementation of Flowplayer, e.g. you can't easily replace it from Flowplayer because they are not compatible and KVS player has much more features than original Flowplayer.

[Maciej]

OK, thank you, another thing is how to disable lazyload poster in player I see in js script of player that lazyload is use.

 

[Tech Support]

There is no lazyload of poster in KVS player. This code is related to timeline screenshots.

[Maciej]

I have another problem,

 

I would like to add ktplayer js code <script type="1cffa31abd315d8a0900537f-text/javascript" src="https://domain.com/player/kt_player.js?v=5.1.1"></script> in header off my website with preload mode.

 

<link rel="preload" href="https://domain.com/player/kt_player.js?v=5.1.1" as="script">

 

for faster load player but it not working when i use preload mode.

 

more info here: https://web.dev/preload-critical-assets/

 

[Tech Support]

It doesn't make any sense to preload player JS, because it is loaded right in the place where it is being used.

The preload only makes sense for font resources due to this issue:

1. Browser loads CSS stylesheet
2. Your CSS stylesheet refers external resources such as web fonts
3. Browsers applies CSS stylesheet without web font
4. Browser loads web font
5. Browser applies the loaded web font

So here in this chain of events there is a short delay between 3 and 5, which is 4 to load external font resource. During this delay your site may be using default (fallback) font for a fraction of seconds, but this may be visible to the end user like site is blinking for a while, especially for users with slow internet connection. I'm sure you saw this many times on different sites, when first default font is loaded and then site will be a bit re-positioned with the final font, which may result in elements rendered with other sizes due to font metrics differences. This causes blinking effect.

Therefore you can use preloading technique to preload font resource before including CSS stylesheet that will use it. In this case event #4 will be moved before event #1, e.g. you first preload web font and then browser will load CSS stylesheet and there will be no delay #4 in rendering. But even this doesn't make the whole page load faster. The loading time is the same, because the same set of resources is needed to render the page, they are just loaded in the different order.

With regard to player there is no difference when player file is preloaded - either in the beginning of the page, or in the middle of the page (where it is set now), because it is used in the middle of the page right after it is being loaded. Moving player JS file to preload sequence will not make player appear faster.

[Maciej]

Hello, I have question

 

Is any option to hide controls bar when user click pause?

[Maciej]

2 hours ago, Maciej said:

Hello, I have question

 

Is any option to hide controls bar when user click pause?

I mean about ktPlayer

[Tech Support]

You can hide controlbar on pause using the following CSS:

.kt-player.is-paused .fp-controls {
display: none;
}

Player HTML node has unique classnames for each player state, so you can easily control GUI behavior with CSS.