Umbraco Video Picker

Umbraco.VideoPicker

Package for umbraco 4.x/6.x that allows store multiples videos URL's with extra properties (also can be used to save lists of asstes, like media, links, pdf's, etc).

properties:

• Id
• Title
• Hash (Url or identifier that point to the asset)
• Description
• Media Id (Provided by the native media picker of umbraco)

The list of videos or assets are stored in JSON fromat with the next structure:

[
    {
        "id": 0,
        "title": "title of video",
        "hash": "http://vimeo.com/user12113503/httpvimeocomthejackal",
        "desc": "Description for video 0",
        "mediaId": "1052"
    },
    {
        "id": 1,
        "title": "title of video 2",
        "hash": "http://youtu.be/_646NA4sxJ8",
        "desc": "",
        "mediaId": "1049"
    },
    {
        "id": 2,
        "title": "title of video 3",
        "hash": "http://video.mp4",
        "desc": "lorem ipsum",
        "mediaId": "1051"
    }
]

Install and Setup

1. Install the package.
2. Create a new Data Type (Developer -> Data Types), select "umbraco usercontrol wrapper" as property editor; save the data type.
3. On the settings section of the data type created, select the user control: "~/usercontrols/Umbraco.VideoPicker/VideoPickerDatatype.ascx", save the data type.
4. On the doc type of your preference add a new property using the Type created on the step 3. (If you wish to install the example package, the macro there look for a property called video.)
5. Checks your documents based on the doc type choosen on step 4, you will see video picker component.

Umbraco Package Example Installer

This macro (can be easly refactored to work in umbraco v4.x) shows how to query the data stored form the VideoPicker and get it on the front end page, and then using embed.ly (uses oEmbed standard) provider get videos from: youtube, vimeo, or any other supported by embed.ly. Also you can build your own provider.

Download on Packages Files section.