/

CM Tooltip (CMTG) - Tooltips - Video Integration


Integrating Video inside the Tooltip

Back to User Guide

The CM Tooltip Glossary eCommerce Edition supports showing a video inside the tooltip when hovering over pre-defined terms whenever they appear in your WordPress blog or site content.

Video Tooltips can be embedded from YouTube, Vimeo or any other video sharing site. Once you’ve set them up, video tooltips will automatically be displayed when hovering over the pre-defined terms in a post or a page.


Setting up your video Tooltips

To add video into a term’s tooltip, simply embed the video iframe code inside the term page video metabox, as shown in the image below:

Setting up your video Tooltips with cm glossary wordpress plugin

Next, you can control each term page via the tooltip metabox to override the plugin settings and define whether or not to show the video tooltip for the specified term.

The E-commerce edition also supports defining the tooltip per a specific term as transparent:

Create Transparent video tooltips for your WordPress blog


Setting up the video to autoplay

You can add an autoplay param to the iframe setting so the video will automatically start playing once user hover over the term and the tooltip is opened.

For example in YouTube you need to add to the URL of the video the following  ?autoplay=1 so the iframe will look like this:

<iframe id="ytplayer" type="text/html" width="640" height="390"   src="https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&origin=http://example.com" frameborder="0"></iframe>

Example showing a video inside the Tooltip

In the following example show bellow, The tooltip includes a video while the background is transparent:

Create Transparent video tooltips for your WordPress blog1


More information about the CM Tooltip Glossary WordPress Plugin

Other WordPress products can be found at CreativeMinds WordPress Store

Let us know how we can Improve this Product Documentation Page

To open a Support Ticket visit our support center