This repository contains the self-hosted version of the Riddle embed script for integrating Riddle content into your website.
Add the script once to the <head> section of your HTML page:
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport" content="width=device-width, initial-scale=1.0"><title>Your Page</title><!-- Riddle Embed Script - only once in head --><scriptsrc="/path/to/embedV2-riddle.min.js"></script></head><body><!-- Your page content --></body></html>Use the simplified HTML code in the body (without script tag):
<divclass="riddle2-wrapper" data-rid-id="{your-riddle-id}" data-auto-scroll="true" data-is-fixed-height-enabled="false" data-bg="#fff" data-fg="#00205b" style="margin:0 auto; max-width:100%; width:640px;"><iframetitle="Riddle Title" src="https://www.riddle.com/embed/a/{your-riddle-id}?lazyImages=false&staticHeight=false" allow="autoplay" referrerpolicy="strict-origin"></iframe></div>embedV2-riddle.js- Full version of the embed scriptembedV2-riddle.min.js- Minified version (recommended for production)
- 🔒 Full Control: Complete control over script delivery and caching
- 📊 Compliance: Meets strict data protection and security requirements
- ⚡ Performance: Can be optimized for your specific infrastructure
- 🛡️ Reliability: No dependency on external CDN availability
- 🔍 Monitor the official repository regularly for updates
- 📅 Schedule regular update checks into your maintenance cycle
- 🧪 Test new versions before production deployment
Comprehensive documentation and examples can be found in the official Riddle documentation.
© Riddle Technologies AG.