davidfcarr

<p>Creates a Gutenberg block displayed float right or float left relative to other content. You may set padding, margins, background color or background image, border style and border color.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Wayzhve-g1g?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>Useful for creating an information sidebar, such as an About the Author block within an article, or a callout such as an invitation to register for your webinar within an article on the same topic.</p>
<p>Source code at <a href="https://github.com/davidfcarr/floating-callout" rel="nofollow ugc">https://github.com/davidfcarr/floating-callout</a></p>
<p>Borrows from techniques used in the Wrapper component of the <a href="https://wordpress.org/plugins/editor-blocks/" rel="ugc">Editor Blocks</a> plugin. Created using <a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">Create Guten Block</a>.</p>
<h3>Credits</h3>
<pre><code>Floating Callout
Copyright (C) 2018 David F. Carr

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

See the GNU General Public License at <http://www.gnu.org/licenses/gpl-2.0.html>.
</code></pre>


Floating Callout

Creates a Gutenberg block displayed float right or float left relative to other content. You may set padding, margins, background color or background  …

Web Engineer

<p>Video Callout can display video popups on your posts and pages. Simply add a video from YouTube, Google Drive, or Vimeo via the WordPress editor and your site visitors will see the video popup in a modal when they visit your chosen page.</p>
<p>Featuring detailed customisation options, allowing you to configure the popup appearance and behaviour from the post editor or globally via your site’s settings page.</p>
<p>Enter the video details into the <em>Video Callout</em> box on the page editor and further customisation options will be displayed.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/dQIKNx1Qp00?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Settings</h3>
<ul>
<li><em>video</em> – (required) YouTube video URL or ID, Google Drive video URL, or Vimeo video URL.</li>
<li><em>autoplay</em> – Check this for the video to play automatically (note: autoplay videos will be muted as required by most modern browsers).</li>
<li><em>frequency</em> – How long after users see the video before it can be shown again. Select a period (seconds, hours, days) and a duration.</li>
<li><em>delay</em> – Delay in seconds until the video appears.</li>
<li><em>class</em> – Add extra CSS classes to the outer div for custom styling.</li>
<li><em>mute</em> – Turn off sound.</li>
<li><em>modal</em> – Will cover the page with a tinted overlay.</li>
</ul>
<h4>Layout</h4>
<p>You can choose where on the page you want the callout to appear. Plus the size and all properties of the window, frame and close button.</p>
<p>The style and layout can be globally managed for the site with the option to set any overrides on a per page or post basis.</p>
<h4>Autoplay</h4>
<p>Autoplay is not supported by all browsers. If you use autoplay, mute should be turned on for autoplay to work in most cases in those browsers that support it.</p>
<p><em>Only youtube and vimeo support autoplay</em></p>
<h3>Dashboard widget</h3>
<p>The handy dashboard widget neatly shows you how many video callouts you have on your website and lists the most recent ones you updated.</p>


Video Callout

Add a video popup to your posts with an optional delay and display frequency. Fully customisable window with modal option.

Floating Callout vs Video Callout