🚀Quick Start | SA5 Video

How to Easily Add SA5's Video Enhancements to Your Webflow Site

How to Add the Library

IMPORTANT We've made some enhancements to SA5 Core in v5.5.0. If you are already using other SA5 Libs, please make certain to upgrade them to at least v5.5.0 as well to ensure cross-compatibility.

Add this script to the page-specific or site wide custom code HEAD area of your site or page.

<!-- Sygnal Attributes 5 | Video --> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/css/webflow-video.css"> 
<script defer src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/nocode/webflow-video.js"></script>

Once the library is installed, use the attributes you want for the specific features you're looking for in this library. Those are documented with each feature.

Add the custom attributes for the features you need, described in each feature separately.

SA5 Library Developers

For SA5 library developers, use the extended syntax to support Sygnal Devmode and Sygnal DevProxy. These make it easier to develop and test code changes with Webflow sites.

<!-- Sygnal Attributes 5 | Video --> 
<link rel="stylesheet" 
  href="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/css/webflow-video.css"
  dev-href="http://127.0.0.1:4000/dist/css/webflow-video.css"
  group="SA5 Video"  
  > 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/nocode/webflow-video.js" 
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-video.js"
  group="SA5 Video"  
  ></script>