search

jplayer / jPlayer

jPlayer : HTML5 Audio & Video for jQuery
http://jplayer.org/
Other
4.6k stars 1.47k forks source link

Prevent the text for each jPlayer control button from appearing before being replaced by its corresponding icon #125

Closed tim-peterson closed 11 years ago

tim-peterson commented 11 years ago

On iOS mobile safari the text indicating each of the controls function, "Play", "Pause", etc., sometimes appears for a split second before the icons load and replace this text. Furthermore this text is displayed with display:block before getting reorganized by the jPlayer and my custom CSS.

This loading of the jPlayer controls can be quite ugly from a UI/UX perpsective, is there any way to do this better?

happyworm commented 11 years ago

Very probably. I did not create the original CSS and skins. I just made them work better cross browser. The skins provided are starting points and you are free to use whatever W3C standard HTML and CSS you desire. Which was the whole point of jPlayer... Which was around before HTML5 media came about.

tim-peterson commented 11 years ago

Creating one's own skin is particularly a problem for the jPlayer Playlist (var jP=new jPlayerPlaylist) which is much less well-documented for both the CSS and JS than the regular jPlayer.

Regardless if we are talking Playlist or regular, if one want make their own skin, it would be good to make explicit state in the jPlayer documentation which CSS classNames are essential for making jPlayer/Playlist work properly. Maybe give "Create your own skin" its own bulletpoint in jPlayer's dev guide?

This jPlayer Google Groups thread answer by Dustin Blake nicely addresses regular jPlayer skinning.