- Install Flexslider > https://www.drupal.org/project/flexslider
- Install Flexslider Library > https://github.com/woocommerce/FlexSlider
- Install Libraries (if you not install yet) > https://www.drupal.org/project/libraries
- Enable Flexslider Module & Libraries Module
- Create Slideshow contant type
- Creat Views > Block > Configure the view
- Place the Block to the site
To extent the funtionality for video: Using FitVids: https://www.drupal.org/project/fitvids
See video below for detail..
- Image is huge and image formatter not give any effect https://www.drupal.org/project/startupgrowth_lite/issues/2841965
Create a new Image style (Config > Media > Image styles) and set it to Scale and Crop to 250px high x 1140px wide.
Then in View settings (Structure > Views - edit relevant View, Flexslider Slideshow), edit the image field to use the image style we just created.