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>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Page</title>
<!-- Riddle Embed Script - only once in head -->
<script src="/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):
<div class="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;">
<iframe title="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.