Description
Qvio Embed allows you to easily embed AI-powered interactive videos from Qvio into your WordPress site. Use the intuitive Gutenberg block or a simple shortcode to add engaging video content to any page or post.
Features:
- Gutenberg Blocks:
- Qvio Video – Embed videos directly in your content with a visual editing experience
- Qvio Floating Button – Add a floating action button that opens videos in a modal overlay
- Shortcode Support – Use
[qvio id="YOUR_VIDEO_ID"]in the classic editor or anywhere shortcodes work - Responsive Design – Videos automatically adapt to your site’s layout
- Multiple Aspect Ratios – Choose from 16:9, 4:3, 21:9, or 1:1
- Embed Types – Standard video player or Q&A-only mode
- Autoplay Option – Optionally enable autoplay for immediate playback
- Admin Settings – Configure default settings for all embeds
Shortcode Options:
[qvio id="abc123" autoplay="true" aspect="16:9" type="video"]
id– Qvio video ID or full URL (required)autoplay– Enable autoplay: “true” or “false” (default: “false”)aspect– Aspect ratio: “16:9”, “4:3”, “21:9”, “1:1” (default: “16:9”)type– Embed type: “video” or “qna” (default: “video”)
External Services
This plugin embeds videos from Qvio (https://qvio.hia.ai), a video AI platform provided by HIA Inc. When a Qvio video is embedded on your site, content is loaded from Qvio’s servers.
What this means for your visitors:
- When a page containing an embedded Qvio video is loaded, your visitor’s browser will connect to qvio.hia.ai to retrieve the video content
- Standard web request data (IP address, browser information) may be collected by Qvio’s servers
Service Links:
- Qvio Platform: https://qvio.hia.ai
- HIA Inc Website: https://hia.ai
- Terms of Service
- Privacy Policy
By using this plugin, you acknowledge that embedded videos are served by an external service and are subject to that service’s terms and privacy practices.
Blocks
This plugin provides 2 blocks.
- Qvio Floating Button A floating button that opens a Qvio video in a modal overlay
- Qvio Video Embed a Qvio AI-powered interactive video
Installation
- Upload the
qvio-embedfolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ screen in WordPress
- (Optional) Configure default settings under Settings Qvio Embed
Using the Gutenberg Block:
- Edit a page or post
- Click the + button to add a new block
- Search for “Qvio Video”
- Enter your Qvio video ID or URL
- Adjust settings in the block sidebar
Using the Shortcode:
Add the shortcode to any page, post, or widget:
[qvio id="YOUR_VIDEO_ID"]
Using the Floating Button Block:
- Edit a page or post
- Click the + button to add a new block
- Search for “Qvio Floating Button”
- Enter your Qvio video ID or URL
- Configure button appearance (style, size, colors, icon)
- Set button position (corner or custom offsets)
- Choose modal type (centered overlay or slide-in panel)
- Adjust close behavior and accessibility options
FAQ
-
Where do I find my Qvio video ID?
-
Your video ID is the alphanumeric code in your Qvio video URL. For example, in
https://qvio.hia.ai/embed?v=abc123, the video ID isabc123. -
Can I use this with the Classic Editor?
-
Yes! Use the shortcode
[qvio id="YOUR_VIDEO_ID"]in any post or page. -
How do I change the default settings?
-
Navigate to Settings Qvio Embed in your WordPress admin to configure default aspect ratio and autoplay settings.
-
What is Q&A mode?
-
Q&A mode displays only the interactive question and answer interface without the video player. This is useful for knowledge checks or quizzes.
-
Is the video responsive?
-
Yes, embedded videos automatically adapt to their container width while maintaining the selected aspect ratio.
-
The Floating Button block adds a configurable floating action button (FAB) to your page that opens a Qvio video in a modal overlay when clicked. You can customize the button’s position, appearance, and the modal’s behavior. This is useful for call-to-action buttons or keeping videos accessible without taking up content space.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Qvio Embed” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Qvio Embed” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.0
- New: Floating Button block – configurable FAB that opens videos in a modal
- New: Modal presentation options (centered overlay, slide from left/right)
- New: Button positioning (4 corners or custom offsets)
- New: Button styles (icon-only circular or icon+text pill)
- New: Full accessibility support (ARIA, focus trap, keyboard navigation)
- Improved: Azure pipeline now builds all blocks dynamically
1.0.0
- Initial release
- Gutenberg block for visual video embedding
- Shortcode support for classic editor compatibility
- Multiple aspect ratio options (16:9, 4:3, 21:9, 1:1)
- Video and Q&A embed types
- Autoplay configuration
- Admin settings page for defaults
