KB's

How to set up Viddler

This KB article describes step by step instructions on how to set up our Sitefinity website to work together with viddler:
1.You need to create an account at http://www.viddler.com/ and obtain an API KEY.
2.Upload some videos to your account at http://www.viddler.com/
3.Open Sitefintiy’s web.config file
4.Find the section below

<sectionGroup name="telerik">


 

And add new section for our media provider if it does not exist

<section name="mediaProvider" type="Telerik.Libraries.MediaProvider.Configuration.MediaProviderSection, Telerik.Libraries" requirePermission="false"/>


 

 

5. Under toolboxControls section register a new control that will display our videos.
<toolboxControls> 
<!-- Viddler--> 

        <add name="Viddler Videos" section="VIDDLER" type="Telerik.Libraries.WebControls.ViddlerVideo, Telerik.Libraries" description="Viddler video content control" /> 

 
 

6. Under <cmsEngine defaultProvider="Generic_Content"><providers> section add the new provider
By doing so you should disable the default Libraries provider. The newly created provider will use Libraries metakeys. If you want to change the provider name you should also create a new metakeys for your provider.

<add name="Libraries" urlRewriteFormat="~/{LibraryName}/[Name].sflb.ashx" thumbnailExtension=".tmb.ashx" urlDateTimeFormat="yy-MM-dd" urlWhitespaceChar="_" visible="False" defaultMetaField="Name" applicationName="/Libraries" allowVersioning="True" allowLocalization="False" localizationProviderName="" allowWorkflow="False" securityProviderName="" versioningProviderName="" connectionStringName="GenericContentConnection" type="Telerik.Libraries.Data.ViddlerProvider, Telerik.Libraries.Data" tagEditorTemplate="~/Sitefinity/Admin/ControlTemplates/Libraries/BatchTagsEditor.ascx"/>

 

 

 

7. Add PermaLink metakey in your web.config file

<add key="Libraries.PermaLink" valueType="ShortText" visible="True" searchable="True" sortable="True" defaultValue="" />

8. Find <libraryInfo> node and add viddler extensions and metaKeys

<add name="Viddler" title="Viddler Library" defaultExtenstions=".avi, .mpg, .mov, .wmv, .wma, .3gp" metaKeys="Author, Description, Extension, Name, Size, Category"></add>

 

 

9. At the end of the web.config add our media provider - it can be found there by default. Set the value of the apikey with yours.
  <mediaProvider defaultProvider="viddler"> 
      <providers> 
        <add name="viddler" type="Telerik.Libraries.MediaProvider.ViddlerProvider" apiKey="YOUR KEY HERE" baseUrl="http://api.viddler.com/rest/v1/" /> 
      </providers> 
    </mediaProvider> 

  </telerik> 

 

Then login in Sitefinity and go to Images and Documents module.

1. Create a new library of type Viddler
2. Go to settings and set your username and password for Viddler
3. Go to Synchronizer and choose which videos you want to synchronize with your library.
4. Go to your pages, drag and drop the viddler control.

Note that VdrNetCred library will be automatically created. It collects date for your account and you should not delete this library until you decide to change your credentials or remove viddler provider.