This is a migrated thread and some comments may be shown as answers.

Media Player Disapears

1 Answer 72 Views
MediaPlayer
This is a migrated thread and some comments may be shown as answers.
Dale
Top achievements
Rank 1
Iron
Dale asked on 07 Mar 2017, 01:41 AM

We are using the media player to play audio

The control looks like this

http://i.imgur.com/DfXugTI.png

 

However when the control looses focus it disappears and looks like this

http://i.imgur.com/vlQadUI.png

How do we prevent this behaviour and keep the player controls shown at all times.

 

 

1 Answer, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 08 Mar 2017, 01:04 PM
Hi Dale,

The behavior you describe seems rather strange. However, it would be hard to pinpoint what is causing it without further investigation.

Would you check the browser console and see if there are any errors listed there? In case there is an error it can point in the right direction.

In case the behavior persists please send us a small runnable sample or a dojo where the issue is replicated. This will enable us to examine the code and look for what is causing the behavior.


Regards,
Viktor Tachev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Gabriel
Top achievements
Rank 1
commented on 18 Apr 2022, 08:08 PM

If this is a strange behavior, I can recreate it in multiple browsers.

Media Player's title and toolbar disappear after about 3 seconds. When it's a video, it's fine because you continue watching the video. However, when it's with an audio file, it has nothing to show.

Is there a way to 'lock in' the tool bar or show an image in place of the video while playin an audio file?

Anton Mironov
Telerik team
commented on 20 Apr 2022, 11:32 AM

Hi Gabriel,

Thank you for the additional details provided. I can clearly see your point.

The pointed behavior was replicated locally and I confirm that the disappearance of the ToolBar is expected.

In order to achieve the desired behavior, I would recommend adding custom CSS for the needed elements. Here is an example:

<style>
    .k-mediaplayer-titlebar{
        display: block !important;
    }

    .k-mediaplayer-toolbar-wrap{
        display: block !important; 
    }
</style>
Attached is a sample project that I prepared for the case. It includes the approach above and achieves the requirements.

Make the needed tests locally with the project attached and let me know if further assistance is needed.

Looking forward to hearing back from you.


Kind Regards,
Anton Mironov

Tags
MediaPlayer
Asked by
Dale
Top achievements
Rank 1
Iron
Answers by
Viktor Tachev
Telerik team
Share this question
or