Video On-Demand Demos
- Video Player
options include video title, description, player controls fixed/overlay, social sharing, closed captions, preroll ads, Google analytics, autostart, custom bug, bug position, colors, fonts, styles (CSS)
- Video Player with Preroll Ads
options include video title, description, player controls fixed/overlay, social sharing, closed captions, preroll ads, Google analytics, autostart, bug URL, bug position, colors, fonts, styles (CSS)
- Video Player with Thumbnail Grid
options include thumbnail columns, max number of thumbnails, data ordering (recent, popular, in order or reverse order), thumbnail image aspect ratio, caption placement (on image, below image or interactive overlay), caption font aligment, caption size, custom caption data, duration badge, duration format, play icon style and placement, colors, fonts, styles (CSS)
- Thumbnail Slider
place one or multiple sliders on your website and open video as popup or fullscreen
- Poster Slider
aspect ratio of thumbnail images can be customized
- Poster Grid
aspect ratio of thumbnail images can be customized
- Thumbnail Grid with Fullscreen Player
click on thumbnail to see the fullscreen player
- Thumbnail Grid with Popup Player
click on thumbnail to see the popup player
- Thumbnail Grid with Player Navigation 1
click on thumbnail to add player above thumbnails, use back button to navigate back
- Thumbnail Grid with Player Navigation 2
click on thumbnail to replace thumbnails with player, use breadcrumb to navigate back
- Slider with Captions On Image
captions can be placed on top, underneath or as interactive overlays
- Slider with Interactive Overlay captions
Captions can be placed on top, underneath or as interactive overlays
- Galleries Grid
gallery icons lead to video thumbnails if clicked
- Library Index
index view with multiple sliders with popular videos, recent videos and content of some galleries
- Popular Videos
most popular videos of your media library
- New Videos
most recently uploaded videos of your media library
- Custom Search Results
Demo: Thumbnail Grid with Fullscreen Player
Code
<script type="text/javascript" src="http://embed.katapy.com/jswidget/embed/gallery.js?cd=visitorsites&library=ny2c&lvl=1" data-display="back title duration share cc" data-presentation="popular" data-layout="grid" data-font-color="404040" data-image-ratio="16-9" data-caption-size="medium" data-caption-title="gallerytitle" data-caption-description-1="videotitleshort" data-caption-description-2="episodenumduration" data-caption-placement="below" data-caption-alignment="left" data-icon-placement="center" data-icon-style="play" data-duration-format="mins" data-max-items="6" data-max-row-items="2" data-autostart="yes" data-player-placement="fullscreen" data-player-ads="" data-player-ga="" data-player-controls="overlay" data-player-bug="http://embed.katapy.com/jswidget/img/katapyBug.png" data-player-bug-position="top-right"></script>