Features • Demo • Deploy • Configuration • Saved value • Development • Contributors • License • Resources
This custom element for Kentico Kontent allows users to upload, search & select videos from wistia media projects.
- Editors can
- Select projects from Wistia
- Upload new files
- Search media files by name
- Store media file json as value (example output below)
Netlify has made this easy. If you click the deploy button below, it will guide you through the process of deploying it to Netlify and leave you with a copy of the repository in your account as well.
You will need to add the custom element to a content type filling in the hosted code URL and the following JSON parameters:
{
"wistiaAccessToken": "<YOUR WISTIA ACCESS TOKEN>",
"wistiaSubdomain": "<YOUR WISTIA SUBDOMAIN>",
"videoPreviewType": "video | thumbnail", // choose one
"projectsPerRow": 3, // number of projects per row
"videosPerRow": 3, // number of videos per row
"pageSize": 9 // page size of videos to load
}The custom element saves JSON with selected media file as a string.
Example:
{
"id":72627052,
"name":" [Example Video] Wistia Video Essentials",
"type":"Video",
"created":"2021-05-04T07:48:43+00:00",
"updated":"2021-05-04T13:49:00+00:00",
"duration":214.882,
"hashed_id":"zjj3nsgyud",
"description":"",
"progress":1.0,
"status":"ready",
"thumbnail":{
"url":"https://embed-ssl.wistia.com/deliveries/da5c32cfe2d73b62db603d73cd54164e.jpg?image_crop_resized=200x120",
"width":200,
"height":120
},
"project":{
"id":5883712,
"name":"Richards's first project",
"hashed_id":"7zn7cu096m"
},
"assets":[
{
"url":"http://embed.wistia.com/deliveries/933fdcdf0d6e606d4c6cf5d8704e7ad9.bin",
"width":1920,
"height":1080,
"fileSize":397431776,
"contentType":"video/mp4",
"type":"OriginalFile"
},
{
"url":"http://embed.wistia.com/deliveries/da5c32cfe2d73b62db603d73cd54164e.bin",
"width":960,
"height":540,
"fileSize":502852,
"contentType":"image/png",
"type":"StillImageFile"
}
],
"transcript":{
"videoId":"6bedf9f1-d2c0-4873-aded-4deef17fdb27"
},
"embedCode":"<EMBED CODE>"
}
This custom element is built with Angular. See package.json for scripts regarding building & publishing the library.
We have collected notes on how to contribute to this project in CONTRIBUTING.md.
Originally created by @Enngage