WordPress plugin video embedding (Youtube, Vimeo and locally-hosted videos)

Fast and beautiful video is as easy as …

1
Download and install our WordPress video plugin

Your existing videos will now load far faster and both look and play much nicer. If you have only standard iframe individual videos and do not need a video gallery, job done !

2
Select a video gallery style

Then try different styling options to customize (optional). It is very easy with our live-update shortcode customizer. Try it below. You can set it to a user / channel of your choice.

3
Place the video gallery on your website

Just remember to place the shortcode [inside square brackets] like this. It will automatically size itself. You can have any number of video galleries.

The world’s simplest yet most versatile video embedding solution.

Easy and elegant video galleries

Gallery styles :
Basic
|
Carousel
|
Slider
|
Slider2
|
Slider3
|
VideoWall
|
Brochure
|
List
|
Classic
|
Classic2
|
ClassicList
|
Square
|
Compact
|
Scroller
|
Scroller2
|
Masonry
|
Minimal
|
Slideshow
classic=true, source=youtube, id=foodwishes, c123=true, num=6, columns=3, hideplayer=true, playlists=true
Change channel :  
Food Wishes
|
Lounge Studio
|
Fitness Daily
|
GT Image (Vimeo)

Quick customisation – shortcode options

Float this panel

titlesize=

normal
large

titlecolor=

 
  black / inherit
 
  blue   (#26a)
 
  cyan   (#28b)
 
  green   (#394)
 
  olive   (#681)
 
  orange   (#d82)
 
  brown   (#941)
 
  pink   (#f77)
 
  red   (#b33)
 
  purple   (#a4a)
 
  lilac   (#85a)

columns=   (most gallery styles)

1 *
2
3
4

* Basic, compact and videowall gallery styles

showsearch=   (most gallery styles)

true
false

showpaging=   (most gallery styles)

true
false

spacing=

normal
large

background=

default
transparent
white
gray

details=   (duration, date, views)

true
false

tooltips=   (popup descriptions)

true
false

widescreen=   (some gallery styles)

true
false

hideplayer=   (initially; some gallery styles)

true
false

num=   (any number is possible)

6
12
48

playiconcolor=

 
  white
 
  yellow
 
  pink
 
  blue
 
  green

corner=

center
topleft
topright
bottomleft
bottomright

transition=   (slider style gallery)

scroll
cover
uncover
crossfade
none

c123=   (brochure style gallery)

true
false

playlists=   (some gallery styles)

true
false

playercolor=   (Youtube)

 
  white      
  gold      
  pink      
  blue      
  green      
  purple      
  cyan      
  red

Scroll to video gallery

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

Enter a Youtube channel or playlist ID (not display name *) :
 
Or enter a Vimeo user ID (not display name *) :
 

* 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 :

hover=true | videowall=true | classic=true hideplayer=true | classic2=true hideplayer=true | classiclist=true | liststyle=true | slider=true | slider2=true | slider3=true | square=true | compact=true | scroller=true | carousel=true | masonry=true | brochurestyle=true c123=true | minimal=true

With Youtube, you can specify a playlist or favorites by adding a type= clause. For example :

[videogallery type=playlist id=PL633944071375 num=12]  

For Vimeo, add a source=vimeo clause. For example :

[videogallery source=vimeo id=outdoorresearch num=12]  

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 …

Individual videos

[640],shadow=true,start=,stop=,stop=

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

 
[350],shadow=true,start=,stop=[350],shadow=true,start=,stop=[350],shadow=true,start=,stop=[350],shadow=true,start=,stop=

Individual videos’ CSS – you can edit below (optional)

Try, for example :

  border: 10px solid #aaa !important;
  padding: 10px !important;
  border-radius: 20px !important;

Click here to set this styling

The code :  

<div>[video v=O1URbBgawRI columns=2][video v=tHmeZo9yPA columns=2]</div>