redballoondesignltd

markredballoon

A plugin for managing and displaying videos on your website. Creates a “Videos” Custom post type allowing you to integrate youtube videos with WordPress to output custom titles, descriptions and image thumbnails to display videos on your website. Alternatively you can also output any youtube video directly via shortcodes, optimised for responsive devices with a variety of output options to best suit your page.
Includes a number of embed methods:
<ul>
<li>Embed: These can be within the content, </li>
<li>Modal: as a modal,</li>
<li>Gallery: multiple videos in a gallery</li>
</ul>
<h4>Shortcode examples</h4>
Youtube video embed with a custom thumbnail and a title using a video custom post:
<pre><code>[video id="21" title="show" thumbnail="show"][/video]
</code></pre>
Youtube video brought in by youtube_id displayed using a modal:
<pre><code>[video youtube_id="SW3o7rSn-TY" type="modal"][/video]
</code></pre>
Video gallery using the thumbnail option:
<pre><code>[video id="21, 22, 23" type="gallery" gallery_options="thumbnails"][/video]
</code></pre>
Video embed using a non-youtube video:
<pre><code>[video iframe_url="https://player.vimeo.com/video/197202895"][/video]
</code></pre>
<h4>Shortcode options</h4>
One of these options must be set:
Output a video from a custom post
<pre><code>id='[video id]' (default: blank)
</code></pre>
If the video has been added as a video custom post type, add the post id of the video to add it here. The ID can be found in the url of the post in WordPress. If you set the <code>type</code> to gallery then you can add multiple comma separated ids.
Output a video from youtube
<pre><code>youtube_id="[youtube-video-id]" (default: blank)
</code></pre>
This is the id of the youtube video you want to link to. This is the 11 digit code at the end of a youtube video’s url. https://www.youtube.com/watch?v= SW3o7rSn-TY
Output a video from another location
<pre><code>iframe_url="[non-youtube-url]" (default:blank)
</code></pre>
If the video isn’t a youtube video then a the url gets added into a responsive iframe.
These options may also be set:
Dispay type
<pre><code>type="embed/modal/gallery" (default: "embed")
</code></pre>
Changes how the video is output on the site:
<ul>
<li>“embed” outputs the video inline with the content and allows it to respond as the screen size changes.</li>
<li>“modal” outputs the video thumbnail inline with the content. Clicking the thumbnail opens up a modal window ontop of the page where the video plays. Options for the modal can be set witht the <code>modal_options</code> attribute. This option doesn’t work with videos brought in using the <code>iframe_url</code> attribute.</li>
<li>“gallery” outputs the videos in a gallery. One of the videos appears like the embed option. The options for the gallery can be set using the <code>gallery_options</code> attribute. This option doesn’t work with videos brought in using the <code>iframe_url</code> attribute.</li>
</ul>
Show or hide the title
<pre><code>title="show/hide" (default: "show")
</code></pre>
Whether to show or hide the video’s title (only works with videos added as a custom post).
Add custom styles to the title
<pre><code>title_style="[css-class]" (default: blank)
</code></pre>
css class that gets added to the title to apply multiple custom styles. Can be used for styling the title. “Overlaid” is built in, which makes the title absolutely positioned in the bottom left hand corner of the video.
Show or hide the thumbnail
<pre><code>thumbnail="show/hide" (default: "show")
</code></pre>
Shows or hides the custom thumbnail. If the video is brought in using the <code>youtube_id</code> attribute, or the video post has no featured image, then the youtube default image will be used. No thumbnail image will be shown when using the <code>iframe_url</code> attribute.
Display options for Modals
<pre><code>modal_options="[options]" (default: empty)
</code></pre>
Only used when the type is set to modal. Adds buttons types that close the modal. Multiple options can be selected, add them as a comma separated list.
<ul>
<li>“cross” : adds a cross in the top right of the modal.</li>
<li>“button” : adds a button beneath the modal to close it.</li>
</ul>
Clicking the background will always close the modal.
Display options for Galleries
<pre><code>gallery_options="[options]" (default: empty) 
</code></pre>
Only used when the type is set to gallery. Adds different carousel control options. Multiple options can be selected, add them as a comma separated list.
<ul>
<li>“arrows” : adds arrows that sit on top of the video.</li>
<li>“thumbnails” : adds a row of thumbnail images below that can be used to select a different video.</li>
<li>“indicators” : indicator buttons underneath the video.</li>
</ul>
<a href="https://docs.google.com/document/d/1fUWAj2Yi6I0uLRp8ZyK2DwVdmiFEc0sY5Kb-TTzi3G4/edit?usp=sharing" rel="nofollow ugc">See the full documentation here</a>
This plugin uses modal and gallery js taken from Bootstrap 3.
<h4>Help us improve this plugin</h4>
If you have any feedback or require any support using this plugin, get in touch with us by email at <a href="mailto:support@redballoon.io" rel="nofollow ugc">support@redballoon.io</a>

RB Responsive Video Output

A plugin for responsively displaying video iframes. The videos can be displayed inline or using a modal or a gallery. Designed to work with youtube vi …

Navneil Naicker

ACF Galerie 4 is a versatile WordPress plugin designed to simplify the creation and management of media galleries on your website. With its intuitive interface and robust features, you can effortlessly showcase your media in a visually appealing and engaging way.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/jRMppgpcA-0?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>
<h3>Features</h3>
<ol>
<li>Effortless Gallery Creation: Build stunning galleries with ease using Advanced Custom Fields (ACF).</li>
<li>Versatile Content: Showcase documents, images, videos, and more in your galleries.</li>
<li>Seamless Integration: Leverage the power of WordPress’ Restful API for flexible data handling.</li>
<li>User-Friendly Forms: Allow visitors to submit content directly through front-end forms powered by <a href="https://www.advancedcustomfields.com/resources/acf_form/" rel="nofollow ugc">acf_form()</a>.</li>
<li>Elementor and Bricks Builder Compatibility (Available in ACF Galerie 4 Pro): Enjoy a seamless integration with Elementor and Bricks Builder for even more customization options.</li>
<li>GraphQL Support: Unlock powerful and flexible queries for your custom galleries with <a href="https://wordpress.org/plugins/wp-graphql/" rel="ugc">WPGraphQL</a> and <a href="https://wordpress.org/plugins/wpgraphql-acf/" rel="ugc">WPGraphQL for ACF</a> integration.</li>
</ol>
<h3>Links</h3>
<ul>
<li><a href="https://galerie4.com/?utm_source=wordpress.org&utm_medium=free" rel="nofollow ugc">Website</a></li>
<li><a href="https://galerie4.com/support" rel="nofollow ugc">Support</a></li>
<li><a href="https://galerie4.com/?utm_source=wordpress.org&utm_medium=free&utm_campaign=upgrade" rel="nofollow ugc">ACF Galerie 4 Pro</a></li>
</ul>
<h4>PRO</h4>
The ACF Galerie 4 plugin is also available in a professional version, offering more features, enhanced functionality, and greater flexibility. ACF Galerie 4 Pro includes:
<ul>
<li>Support for Elemetor</li>
<li>Support for Bricks Builder</li>
<li>Lifetime updates</li>
<li>Priority Support</li>
</ul>
<a href="https://galerie4.com/?utm_source=wordpress.org&utm_medium=free&utm_campaign=upgrade" rel="nofollow ugc">Upgrade to ACF Galerie 4 Pro 🚀</a>

ACF Galerie 4

Enhance your WordPress website with ACF Galerie 4, a powerful and customizable gallery plugin.

RB Responsive Video Output vs ACF Galerie 4