Fast and beautiful video is as easy as …
The world’s simplest yet most versatile video embedding solution.
Easy and elegant video galleries
Quick customisation – shortcode options
black / inherit
columns= (most gallery styles)
* Basic, compact and videowall gallery styles
showsearch= (most gallery styles)
showpaging= (most gallery styles)
details= (duration, date, views)
tooltips= (popup descriptions)
widescreen= (some gallery styles)
hideplayer= (initially; some gallery styles)
num= (any number is possible)
transition= (slider style gallery)
c123= (brochure style gallery)
playlists= (some gallery styles)
The current ShortCode (copy and paste) :
[videogallery source=youtube id=foodwishes type=channel classic=true num=6 columns=3 playlists=false hideplayer=true]
Try right now with your own videos
* For example, the Studio Lounge ID is foodwishes
You can also use the long ID that starts with ‘UC’ (User Channel) or ‘PL’ (PlayList)
Additional shortcode options
The Basic style video gallery ShortCode :
[videogallery id=foodwishes num=12 columns=3]
For the other gallery styles, add one of the following :
With Youtube, you can specify a playlist or favorites by adding a type= clause. For example :
For Vimeo, add a source=vimeo clause. For example :
With Vimeo, you can also add a type=channel | album | group clause.
You may also add the following to the video gallery shortcode :
showsearch=false showpaging=false showviews=false spacing=large titlesize=large
titlecolor=red | pink | purple | blue | olive | cyan | green | orange | lilac | brown | #xxx
background=default | transparent | white | gray | #xxx
borderwidth=6 bordercolor=fff showshadows=true
showintros=true the first line of the video description (basic gallery)
playlists=true shows the available playlists below the gallery (Youtube only, basic gallery)
widescreen=true tooltips=false the popup video descriptions
playiconcolor=white | yellow | green | blue | pink
corner=center | topleft | topright | bottomleft | bottomright for the play icons
details=true if false, hides the duration, date and views
Slider style video gallery options :
transition=scroll | cover | uncover | crossfade | none (the default is scroll; allows swipe)
duration=800 (in milliseconds, of each transition)
interval=7500 (in milliseconds, between auto transitions)
Some of the gallery styles – for example, carousel – default to single column basic gallery style on mobile devices for optimal user experience.
Video and today’s web
Video is an essential part of today’s websites – in all sectors. However, video can slow your website page load time considerably; and that is bad for your visitors, and for SEO.
With Kina Video Presenter you can have super-fast page loading and beautifully styled video embedding that your visitors – and the search engines – will love.
Kina Video Presenter is designed to be very easy to use, with flexible ShortCodes for videos and video galleries. It also works with your existing individual video embeds (links or iframes).
Kina Video Presenter works with Youtube, Vimeo and locally hosted videos. It is fully responsive, has many options and is also easily styled with CSS.
Look your best on the web and make the most of your video content. Kina Video Presenter is the ideal video solution for all types of website – business, arts, advertising, e-commerce, film-making, blog and news sites, travel, adventure, DIY, craft and tutorial sites …
Our video embedding solution transforms standard YouTube and Vimeo links or iframe video embeds anywhere in your website; no special mark-up is required and your source code is not changed in any way.
ShortCodes are also available, for any CMS or plain PHP / ASP / HTML pages. Using the shortcode allows you to set extra options to control the appearance and operation of the video.
The shortcode for the video above : [video v=dBDcuh-YFCs]
This is equivalent to :
[video v=dBDcuh-YFCs columns=1 autoplay=false widescreen=false borderwidth=0 bordercolor=fff start= stop=]
You can specify video start and / or stop times in the shortcode, like this (mm:ss) :
[video v=dBDcuh-YFCs start=1:35 stop=2:40]
Individual videos, two columns
Individual videos’ CSS – you can edit below (optional)
Try, for example :
border: 10px solid #aaa !important;
The code :
<div>[video v=O1URbBgawRI columns=2][video v=tHmeZo9yPA columns=2]</div>