Custom YouTube Playlist in Webflow

Beta 1.1

Hi I'm Andreas Vejnø Andersen. Hope you like this Clonable!
Add your YouTube Playlist to your Webflow site. No need for the CMS or any API keys. You can customize everything with Custom Attributes and native Webflow styling. The first item on the list is used as the template for ease video Items. How to?

How to use

  • Paste <script src="//webflow.vejnoe.dk/json/beta1/script.js" type="text/javascript"></script> into your projects Before </body>.
  • Copy the yt-playlist into your project and select it.
  • Go to Settings and then in the Custom Attributes paste your url to the YouTube Playlist in the xml-feed.
  • Style the first item yt-video to fit your design.

Note: All the Class-names can be changed or event deleted. The scipt only looks for is the Custom Attributes.

Documentation

Coming soon. This is currently in Beta, and still working in progress.

Updates

Get an email when there are relevant updates to this clonable.

Thank you! I'll keep you updated!
Oops! Something went wrong. Please try again or write to me on youtube-playlist@vejnoe.dk

How it works

The script.js that are hosted at webflow.vejnoe.dk is calling another PHP script on the same server for converting the YouTube Playlist XML into a json file. That json file is then cached for 5 hours. If you would like to know more please feel free to contact me directly youtube-playlist@vejnoe.dk.

Disclaimers & License

This is not an official embed of a YouTube playlist, just something I have hacked together. The scribt is hosted on my own server, and will be availible on github soon. Also the scribt that I use for caching the YouTube XML to JSON code.

This Clonable for Webflow is 100% free for personal and commercial use.
And please feel free to email me with ideas for inprovement or bug reports at youtube-playlist@vejnoe.dk. And if you would like to support the running of this clonable and service please to consider donating. Thanks!

Please do NOT replicate, edit, remix, redistribute, resell, "duplicate and change a little", or make any type of modification to this library script file.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS, OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Made in Webflow