css - VideoJS Custom display time duration and current time overlaps -


i display total time duration , current time of video in skin modifying related css settings shown in picture: enter image description here

but facing issue of time display overlapping when total time more hour.

see this: enter image description here

current time , total time of video overlaps long duration videos.

can me counter problem? can done css or i'll have use javascript change witdh etc. according time.

css displaying video time duration:

.vjs-sublime-skin .vjs-current-time{ display: block; margin-top: 5px; position: absolute; right: 155px; margin-left: auto; margin-right: auto; } .vjs-sublime-skin .vjs-time-divider{ display: block; margin-top: 5px; position: absolute; right: 148px; margin-left: auto; margin-right: auto; } .vjs-sublime-skin .vjs-duration{ display: block; margin-top: 5px; position: absolute; right: 125px; margin-left: auto; margin-right: auto; } 

regards,


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - Bypass Geo Redirect for specific directories -

php - .htaccess mod_rewrite for dynamic url which has domain names -