Enable Video Looping for Single Video Slides and Minimize Initial Slide Delay

Problem/Motivation

Having issues with one slide
When it has an autoplay of local videos
But not looping

Proposed resolution

• Use slick--less class to separate the logic for the one slide only.
• Bring back slick-active for multiple sides.

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ✅ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-9.0.17, varbase_heroslider_media-9.0.12, varbase-10.0.0-rc1
  , varbase_heroslider_media-10.0.0-beta3

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3397659 by mohammad faqeh: Enabled Video Looping for Single Video Slides and Minimize Initial Slide Delay