javascript - Video.js with a small player and controls line breaking -
just trying make smaller player window here. wondering kinds of things should mess make player display smaller version of controls if window's squished this:
maybe reduced version of controls? smaller?
the controls can customised css. add class small player e.g. here i've used small-player
:
<video id="my_video_1" class="video-js vjs-default-skin small-player" controls preload="auto" width="90" height="200" poster="my_video_poster.png" data-setup="{}"> <source src="my_video.mp4" type='video/mp4'> <source src="my_video.webm" type='video/webm'> </video>
then restyle controls suit. example remove time , resize big play button:
.small-player .vjs-time-controls, .small-player .vjs-time-divider { display:none; } .small-player .vjs-big-play-button { width: 4em; height: 4em; } .small-player .vjs-big-play-button:before { font-size:2em; line-height:2; }
Comments
Post a Comment