Qvio Embed

外掛說明

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:

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.

適用於區塊編輯器

這個外掛提供 2 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Qvio Floating Button A floating button that opens a Qvio video in a modal overlay
  • Qvio Video Embed a Qvio AI-powered interactive video

安裝方式

  1. Upload the qvio-embed folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. (Optional) Configure default settings under Settings Qvio Embed

Using the Gutenberg Block:

  1. Edit a page or post
  2. Click the + button to add a new block
  3. Search for “Qvio Video”
  4. Enter your Qvio video ID or URL
  5. 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:

  1. Edit a page or post
  2. Click the + button to add a new block
  3. Search for “Qvio Floating Button”
  4. Enter your Qvio video ID or URL
  5. Configure button appearance (style, size, colors, icon)
  6. Set button position (corner or custom offsets)
  7. Choose modal type (centered overlay or slide-in panel)
  8. Adjust close behavior and accessibility options

常見問題集

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 is abc123.

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.

What is the Floating Button block?

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.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Qvio Embed〉的開發相關工作。

參與者

將〈Qvio Embed〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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