Remove Play Pause Button on Left corner when media entry is Image

Community Forums Kaltura Players and Player Plugins
1

Hello, We are using Kaltura Player using KWidget.embed …Now we want to remove Play pause button in left corner if media type is Image … If media type is Video then paly option comes …Is it possible

<!DOCTYPE HTML>
<html>
<head>
    <title>Chromecast Analytics</title>
</head>
<body>

    <script src="http://cdnapi.kaltura.com/p/1915681/sp/191568100/embedIframeJs/uiconf_id/29161482/partner_id/1915681">


    </script>
    <div id="kaltura_player_1428985633564" style="width:585px;height:330px;"> </div>

    <script>
        kWidget.embed({
            targetId: "kaltura_player_1428985633564",
            wid: "_1915681",//Parner ID note Use _ befor partner ID
            uiconf_id: "29161482",//Ui Config Id of the Player
            entry_id: "1_uoly2j7y"//Entry id of the media
        })
    </script>
</body>
</html>
2

You can try disableGui notification. Like here: http://player.kaltura.com/modules/KalturaSupport/tests/EnableGui.html#

3

We use something like this

kWidget.embed({
            targetId: "kaltura_player_1428985633564",
            wid: "_1915681",//Parner ID note Use _ befor partner ID
            uiconf_id: "29161482",//Ui Config Id of the Player
            entry_id: "1_uoly2j7y",//Entry id of the media
            "flashvars": {
                "streamerType": "auto",
                "IframeCustomPluginCss1" : 'customSkin.css'
            }
        });

And our custom css is

.playPauseBtn,.largePlayBtn,.ui-slider-horizontal,.icon-volume-high,.currentTimeLabel,.durationLabel {
    display: none !important;
}
4

But we are consfuse how to know Entry ID media Type , i.e. Image or Video

5

Try to use: kdp.evaluate(’{mediaProxy.entry.mediaType}’);

6

We did this in this way

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script src="http://ipAddress/p/101/sp/10100/embedIframeJs/uiconf_id/23448333/partner_id/101"></script>
<div id="kaltura_player_1428985633564" style="width:585px;height:330px;"> </div>

    <script>

        //For Demo
        //Video  0_mip3om92 , this is entry_id in babyflix kaltura for Video
        //Image   0_wxcqmj5x , this is entry_id in babyflix kaltura for Image

        var myJson={
            targetId: "kaltura_player_1428985633564",
            wid: "_101",//Parner ID note Use _ befor partner ID
            uiconf_id: "23448333",//Ui Config Id of the Player
            entry_id: "0_mip3om92",//Entry id of the media
            "flashvars": {
                "streamerType": "auto",
                "chromecast": {
                    "plugin" : true
                }
            }

        }

        /*
        This Ajax call is to check that whether the media is Image or Video.
        We think that Drupal Developers doing the same because in babyflix.net
        if the media is image then they donot upload the Kaltura Player
         */

        $.ajax({
            crossDomain: true,
            type:"GET",
            dataType: "json",
            url: "http://ipAddress:8080/api/v1/kaltura/media/0_mip3om92",
            success:function(response){
                if(response.data.mediaType.name=="IMAGE"){//If the Media is image then integrate 'customSkin.css'
                    myJson.flashvars["IframeCustomPluginCss1"]='customSkin.css'
                }
                kWidget.embed(myJson);
            }

        });
    </script>

And our css is

.playPauseBtn,.largePlayBtn,.ui-slider-horizontal,.icon-volume-high,.currentTimeLabel,.durationLabel {
    display: none !important;
}

right now this is working fine