Html player not working

Flash Players are working on KMC videos but html players are suddenly not playing the videos.
Please help.

Hi,

Start by opening the dev console in your browser while going to preview and embed in KMC and take a look at any failing calls in the ‘Network’ and ‘Console’ tabs.
Also, look at the uiconf ID in the DB with:
mysql> select * from ui_conf where id=$UI_CONF_ID;
and make sure the html5_url actually exists under /opt/kaltura/web

Hi Jess,

We are using player js, which have below prepend code.
Some time before that was working fine and it didn’t has below code.
Can you please let us know how can we resolve this one

##################################
if( console ){ console.log(’“Error getting sources from server. Please try again.\nfailed to unserialize server result\nO:13:“KalturaUiConf”:19:{s:2:“id”;i:23448187;s:4:“name”;s:12:“Player-New”;s:11:“description”;s:0:”";s:9:“partnerId”;i:101;s:7:“objType”;i:1;s:15:“objTypeAsString”;s:6:“Widget”;s:5:“width”;s:3:“670”;s:6:“height”;s:3:“437”;s:6:“swfUrl”;s:27:"/flash/kdp3/v3.9.9/kdp3.swf";s:8:“confFile”;s:13523:"<layout id=“default player dark” skinPath="/content/uiconf/kaltura/kmc/appstudio/kdp3/eagle/skin/v3.5.9/skin.swf">\r\n <HBox id=“topLevel” width=“100%” height=“100%”>\r\n <VBox id=“player” width=“100%” height=“100%” styleName=“black”>\r\n <Plugin id=“kalturaMix” width=“0%” height=“0%” includeInLayout=“false” loadingPolicy=“onDemand”/>\r\n <Canvas height=“100%” width=“100%” id=“PlayerHolder” styleName=“black”>\r\n <Video id=“video” width=“100%” height=“100%” mantainAspectRatio=“false”/>\r\n \t<VBox id=“offlineMessageHolder” \r\n\t \t\t\tverticalAlign=“middle” horizontalAlign=“center” \r\n\t \t\t\tincludeInLayout=“false”\r\n\t\t\t\t width=“100%” height=“100%” >\r\n\t\t\t\t <Spacer height=“100%” />\r\n\t\t\t\t <Spacer height=“100%” />\r\n\t\t\t\t <Label \r\n\t\t\t\t id=“offlineMessage” styleName=“offlineMessage”\r\n\t\t\t\t text="{mediaProxy.entry.offlineMessage}" visible="{mediaProxy.isOffline}"\r\n\t\t\t\t width=“100%” height=“30”/> \r\n\t\t\t \t<Spacer height=“100%” />\r\n\t\t \t</VBox>\r\n </Canvas>\r\n <HBox id=“ControllerScreenHolder” width=“100%” height=“30” verticalAlign=“middle” styleName=“darkBg”>\r\n <HBox id=“ControllerScreen” width=“100%” height=“30” paddingLeft=“10” horizontalGap=“9” verticalAlign=“middle” styleName=“darkBg”>\r\n <Button id=“playBtnControllerScreen” command=“play” buttonType=“iconButton” focusRectPadding=“0” icon=“playIcon” overIcon=“playIcon” downIcon=“playIcon” disabeledIcon=“playIcon” selectedUpIcon=“pauseIcon” selectedOverIcon=“pauseIcon” selectedDownIcon=“pauseIcon” selectedDisabledIcon=“pauseIcon” k_buttonType=“buttonIconControllerArea” tooltip="" color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial” selectedTooltip=“Pause” upTooltip=“Play”/>\r\n\t\t<Button id=“liveToggleStatus”\r\n\t\t\t\t\ttoggle=“true”\r\n\t\t\t\t\tcolor1=“0xFF0000”\r\n\t\t\t\t\tcolor2=“0xFF0000”\r\n\t\t\t\t\tupIcon=“onAirIcon” \r\n\t\t\t\t\toverIcon=“onAirIcon” \r\n\t\t\t\t\tdownIcon=“onAirIcon” \r\n\t\t\t\t\tdisabeledIcon=“onAirIcon” \r\n\t\t\t\t\tselectedUpIcon=“offlineIcon” \r\n\t\t\t\t\tselectedOverIcon=“offlineIcon” \r\n\t\t\t\t\tselectedDownIcon=“offlineIcon” \r\n\t\t\t\t\tselectedDisabledIcon=“offlineIcon” \r\n\t\t\t\t\tisSelected="{mediaProxy.isOffline}"\r\n\t\t\t\t\tvisible="{mediaProxy.isLive}"\r\n\t\t\t\t\tincludeInLayout="{mediaProxy.isLive}"\r\n\t\t\t\t\tuseHandCursor=""\r\n\t\t\t\t\t/>\r\n\t\t<VBox id=“scrubberContainer” width=“100%” height=“30” verticalAlign=“middle” verticalGap="-3" notVisible="{mediaProxy.isLive}">\r\n\t\t\t<Spacer height=“10” />\t\r\n\t\t\t<Scrubber id=“scrubber” width=“100%” height=“10” styleName="" />\r\n\t\t\t<HBox width=“100%”>\r\n\t\t\t\t<Timer id=“timerControllerScreen1” width=“60” styleName=“timerProgressLeft” format=“mm:ss” height=“12” />\r\n\t\t\t\t<Spacer width=“100%” height=“8” />\t\r\n\t\t\t\t<Timer id=“timerControllerScreen2” width=“60” \r\n\t\t\t\tstyleName=“timerProgressRight” format=“mm:ss” height=“12” timerType=“total” />\t\r\n\t\t\t</HBox>\r\n\t\t</VBox>\r\n\r\n <VolumeBar id=“volumeBar” styleName=“volumeBtn” width=“20” height=“20” buttonType=“iconButton” tooltip=“Change volume” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial”/>\r\n <Button id=“fullScreenBtnControllerScreen” command=“fullScreen” \r\n \t\t\tbuttonType=“iconButton” height=“22” styleName=“controllerScreen” \r\n \t\t\ticon=“openFullScreenIcon” \r\n \t\t\tselectedUpIcon=“closeFullScreenIcon” \r\n \t\t\tselectedOverIcon=“closeFullScreenIcon” \r\n \t\t\tselectedDownIcon=“closeFullScreenIcon” \r\n \t\t\tselectedDisabledIcon=“closeFullScreenIcon” \r\n \t\t\tfocusRectPadding=“0” \r\n \t\t\tk_buttonType=“buttonIconControllerArea” \r\n \t\t\ttooltip=“Toggle fullscreen” \r\n \t\t\tcolor1=“11184810” \r\n \t\t\tcolor2=“16777215” \r\n \t\t\tcolor3=“16777215” \r\n \t\t\tcolor4=“11184810” color5=“0” font=“Arial”/>\r\n </HBox>\r\n\t\t<Spacer width=“7”/>\r\n </HBox>\r\n </VBox>\r\n </HBox>\r\n \r\n <screen id=“startScreen”>\r\n <VBox id=“startContainer” width=“100%” height=“100%” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Spacer width=“100%”/>\r\n <Tile id=“startTile” width=“100%” verticalGap=“10” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Button id=“onVideoPlayBtnStartScreen” command=“play” buttonType=“onScreenButton” labelPlacement=“top” label=“Play” styleName=“onScreenBtn” upIcon=“playIcon” overIcon=“playIcon” downIcon=“playIcon” disabeledIcon=“playIcon” selectedUpIcon=“playIcon” selectedOverIcon=“playIcon” selectedDownIcon=“playIcon” selectedDisabledIcon=“playIcon” k_buttonType=“buttonIconControllerArea” tooltip=“Play video” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial”/>\r\n <Button id=“shareBtnStartScreen” kClick=“sendNotification(‘doGigya’)” buttonType=“onScreenButton” labelPlacement=“top” label=“Share” styleName=“onScreenBtn” upIcon=“shareIcon” k_buttonType=“buttonIconControllerArea” tooltip=“share with friends” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial”/>\r\n </Tile>\r\n <Spacer width=“100%”/>\r\n </VBox>\r\n </screen>\r\n <screen id=“pauseScreen”>\r\n <VBox id=“pauseContainer” width=“100%” height=“100%” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Spacer height=“100%”/>\r\n <Tile id=“startTile” width=“100%” verticalGap=“10” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Button id=“onVideoPlayBtnPauseScreen” command=“play” buttonType=“onScreenButton” labelPlacement=“top” label=“Play” styleName=“onScreenBtn” upIcon=“playIcon” overIcon=“playIcon” downIcon=“playIcon” disabeledIcon=“playIcon” selectedUpIcon=“playIcon” selectedOverIcon=“playIcon” selectedDownIcon=“playIcon” selectedDisabledIcon=“playIcon” k_buttonType=“buttonIconControllerArea” tooltip=“Play video” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial”/>\r\n <Button id=“shareBtnPauseScreen” kClick=“sendNotification(‘doGigya’)” buttonType=“onScreenButton” labelPlacement=“top” label=“Share” styleName=“onScreenBtn” upIcon=“shareIcon” k_buttonType=“buttonIconControllerArea” tooltip=“share with friends” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial”/>\r\n </Tile>\r\n <Spacer height=“100%”/>\r\n </VBox>\r\n </screen>\r\n <screen id=“playScreen”>\r\n <VBox id=“playContainer” width=“100%” height=“100%” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Spacer height=“100%”/>\r\n <Tile id=“startTile” width=“100%” verticalGap=“10” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Button id=“shareBtnPlayScreen” kClick=“sendNotification(‘doGigya’)” buttonType=“onScreenButton” labelPlacement=“top” label=“Share” styleName=“onScreenBtn” upIcon=“shareIcon” k_buttonType=“buttonIconControllerArea” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” tooltip=“share with friends”/>\r\n </Tile>\r\n <Spacer height=“100%”/>\r\n </VBox>\r\n </screen>\r\n <screen id=“endScreen”>\r\n <VBox id=“startContainer” width=“100%” height=“100%” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Spacer height=“100%”/>\r\n <Tile id=“startTile” width=“100%” verticalGap=“10” verticalAlign=“middle” horizontalAlign=“center”>\r\n <Button id=“replayBtnEndScreen” kClick=“sendNotification(‘doSeek’,‘0’);sendNotification(‘doPlay’)” buttonType=“onScreenButton” labelPlacement=“top” label=“replay” styleName=“onScreenBtn” upIcon=“replayIcon” k_buttonType=“buttonIconControllerArea” tooltip=“replay” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial”/>\r\n <Button id=“shareBtnEndScreen” kClick=“sendNotification(‘doGigya’)” buttonType=“onScreenButton” labelPlacement=“top” label=“Share” styleName=“onScreenBtn” upIcon=“shareIcon” k_buttonType=“buttonIconControllerArea” tooltip=“share with friends” color1=“11184810” color2=“16777215” color3=“16777215” color4=“11184810” color5=“0” font=“Arial”/>\r\n </Tile>\r\n <Spacer height=“100%”/>\r\n </VBox>\r\n </screen>\r\n </screens>\r\n \r\n <renderer id=“playlistItemRenderer”>\r\n <HBox height=“100%” width=“100%” x=“10” y=“10” verticalAlign=“top”>\r\n <Image id=“irImageIrScreen” height=“30” width=“40” url="{this.thumbnailUrl}" source="{this.thumbnailUrl}"/>\

See what I wrote above… can’t help you further until you check.

Yes,

we have already checked this one and the library is exist for UI_CONF under /opt/kaltura/web

There is no any error like 404 and 500 in network and console tab when we run any video by embed code

but getting error with ‘Uncaught SyntaxError: missing ) after argument list’ for http://domain.com/html5/html5lib/v2.28/mwEmbedLoader.php/p/101/uiconf_id/23448251

Hello Jess,

Please update…

Jess, i am still waiting for your response, please update

Hello,

Without access to the machine, I cannot help you further.
CE is provided as is with community support, if you need around the clock dedicated support, you will need to use our SaaS or OnPrem solutions.
You can read more about it here: