Video selector

The video selector enables you to display and retrieve one or several selected videos.

Using the video selector, you can:

  • Select and deselect videos
  • Select one or multiple videos
  • Upload videos by either selecting them from a list, or using drag and drop
  • Search for videos in the currently opened library or in all libraries
  • Select the provider from which to retrieve videos
  • Filter videos by Libraries, Categories, Tags, or Dates
  • Sort videos by Title, Date created, or Date modified

NOTE: You can change the video selector's behavior by editing the widget's properties in the Advanced settings section.

The videos you select are stored in a scope array variable. The default template visualizes videos using the sfCollection directive. For more information, see Use a generic collection directive.

You can use the video selector in the frontend, as well as in the backend. For example, on a page, as well as in a widget designer.

The sfVideoSelector is a directive with an isolated scope that is defined in a module with the same name: sfVideoSelector.

The following image is an example of a video selector:

Image title

In your DesignerView.YourView.cshtml file, place one of the following tags anywhere in the HTML code:

Single item selection:

Multiple item selection:

The values of the attributes are scope properties that you define in the MVC widget controller.

Attribute Description
Accepts a scope variable that holds the selected items.
Accepts a provider name to use when retrieving the items to display.
Allows you to override the template of the video selector.
Specifies the assembly where the template of the video selector is located.

Defines whether the selector displays videos and their statuses, such as DraftLocked, and so on, or only published videos. To configure the Videos selector to display master items, that is, all videos, independently of their status, set the sf-master="true". By default, the selector displays only live videos and the value of the sf-master is set to false.

NOTE: When you set the sf-master="true", the selectors lists the items but does not display their status.

Additional resources

External links

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.


Was this article helpful?

Next article

Document selector