diff --git a/.gitignore b/.gitignore
index a940f660..2c999779 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@ src/*.d.ts
 src/*/*.d.ts
 src/*/*/*.d.ts
 docs/
+output/
diff --git a/README.md b/README.md
index 1d11009d..84eccdd3 100644
--- a/README.md
+++ b/README.md
@@ -137,6 +137,20 @@ Supports:
 
 Find detailed guidelines on how to use this library on [scanapp.org/html5-qrcode-docs](https://scanapp.org/html5-qrcode-docs/docs/intro).
 
+### Quick CDN usage
+
+> **Important Note on HTTPS**: When using this library via CDN on HTTPS websites, always ensure you use the HTTPS version of the CDN URL to avoid mixed content errors.
+
+```html
+<!-- ✅ Correct: HTTPS URL -->
+<script src="https://unpkg.com/html5-qrcode" type="text/javascript"></script>
+
+<!-- ❌ Incorrect: HTTP URL (will cause mixed content errors on HTTPS sites) -->
+<script src="http://unpkg.com/html5-qrcode" type="text/javascript"></script>
+```
+
+If you encounter a "Mixed Content" error, ensure you're using `https://` instead of `http://` in your script tag.
+
 ## Demo
 <img src="https://scanapp.org/assets/github_assets/qr-code.png" width="200px"><br />
 _Scan this image or visit [blog.minhazav.dev/research/html5-qrcode.html](https://blog.minhazav.dev/research/html5-qrcode.html)_
diff --git a/examples/html5/README.md b/examples/html5/README.md
index b4d5208f..e050589d 100644
--- a/examples/html5/README.md
+++ b/examples/html5/README.md
@@ -5,6 +5,8 @@
 <script src="https://unpkg.com/html5-qrcode"></script>
 ```
 
+> **Note**: Always use `https://` when loading from CDN to avoid mixed content errors on HTTPS websites.
+
 ## Add a placeholder in html
 ```html
 <div id="qr-reader" style="width:500px"></div>
diff --git a/examples/vuejs/README.md b/examples/vuejs/README.md
index a6776154..7d84bc79 100644
--- a/examples/vuejs/README.md
+++ b/examples/vuejs/README.md
@@ -10,6 +10,8 @@
 <script src="https://unpkg.com/html5-qrcode"></script>
 ```
 
+> **Note**: Always use `https://` when loading from CDN to avoid mixed content errors on HTTPS websites.
+
 ### Create a `qrcode-scanner` component
 
 ```js
diff --git a/minified/readme.md b/minified/readme.md
index fb2afb1a..fb5b3c55 100644
--- a/minified/readme.md
+++ b/minified/readme.md
@@ -10,6 +10,8 @@ Its not recommended to use the minified script from this directory directly. The
 #### Using directly in browser without any loader
 If you are not using any loader, you can get the latest UMD javascript code in production from [https://unpkg.com/html5-qrcode](https://unpkg.com/html5-qrcode).
 
+> **⚠️ Important**: Always use HTTPS URLs when loading from CDN to avoid mixed content errors on HTTPS websites.
+
 ```js
 <script src="https://unpkg.com/html5-qrcode" type="text/javascript">
 ```