The video selector enables you to display and retrieve one or several selected videos.
Using the video selector, you can:
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 Feather: 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. For more information, see Feather: Use content selectors outside of widget designer views.
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:
The sfVideoSelector directive exposes the following attributes:
The following example demonstrates how to add a Video selector directive in a widget designer's view.
To enable AngularJS to link the sfVideoSelector directive in your custom designer view, you must load the script of the directive and add a dependency to the module:
The code above displays all videos and enables you to select and deselect any of them because both the sf-deselectable and sf-multiselect attributes are present. The values of the selected videos are kept in the selectedItems array.
In your DesignerView.<YourView>.cshtml file, place the following tag where you want to render the sfVideoSelector directive:
To provide notification when a video is uploaded, the sfVideoSelector directive emits a custom selection event. To subscribe to the selection event, use the sample code in your designer's controller above.
Back To Top
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important
Copyright © 2021 Progress Software Corporation and/or its subsidiaries or affiliates.
All Rights Reserved.
Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.
Powered by Progress Sitefinity