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 …

Chris

Related YouTube Videos is a free WordPress plugin that embeds a number of, well, YouTube videos that are related to your content. The list is put together by using the YouTube search API. And you can specify the relation between the videos and your content by:
<ul>
<li>the title of your current post, page or custom post type.</li>
<li>the tags of your current post, page or custom post type.</li>
<li>the categories of your current post, page or custom post type.</li>
<li>any keywords you specify.</li>
</ul>
Also, this plugin offers you two ways to embed related videos:
<ol>
<li>by using the shortcode [relatedYouTubeVideos] somewhere in your post/page content.</li>
<li>by using the WordPress widget “Related YouTube Videos” in any of your widget areas (multiple instances are possible).</li>
</ol>
<h4>Disclaimer / Important</h4>
As of April 2015 the YouTube API can only be accessed when you have a valid key for the data API. Also, the number of free requests per day is limited!
There is a nice and short video tutorial (https://www.youtube.com/watch?v=zOYW7FO9rzA) on how to get such an API key. But it’s up to you to make sure your stay within the free limit or keep track of the costs when you need more than that!
Please read Youtube and Google’s terms and conditions for more details.
<h4>The Shortcode</h4>
I’m only going to explain the options/paramters for the shortcode but they work exactly the same for the widget, of course.
You can put the shortcode [relatedYouTubeVideos] anywhere you want inside the content of a page, post, or custom post type – as long as your WordPress theme is supporting shortcodes.
You can use the following options/parameters/attributes:
Appearance
<ul>
<li>id – You can specify the HTML id attribute for the wrapping <code><ul></code> element.</li>
<li>class – You can specify an additional HTML class name for the wrapping <code><ul></code> element</li>
<li>width – Width of the HTML video object</li>
<li>height – Height of the HTML video object</li>
<li>preview – “true” will only display the preview image and only load the video (via Javascript!) when this image has been clicked.</li>
<li>showVideoTitle – “true” if you want to show the video title right below the video itself. Can be styled via CSS class <code>.title</code></li>
<li>showVideoDescription – “true” if you want to show the video description below the video, respectively, when the video title is displayed right below the title. Can be styled via CSS class <code>.description</code> </li>
<li>autoplay – “true” if you want the video to automatically start playing when ready. This will obviously not work in preview mode!!</li>
<li>exclude – Comma separated list of post/page IDs where no videos shall be displayed.</li>
</ul>
Configuration
<ul>
<li>max – Number of videos (or search results) that will be returned. Can be any number between 1 and 10!</li>
<li>random – Select MAX number of videos out of RANDOM number of videos.</li>
<li>offset – START and OFFSET are interchangably the same and just other words for the same option.</li>
</ul>
YouTube
<ul>
<li>relation – Specify the kind of relation that shall be used for searching YouTube. Can either be ‘postTitle’, ‘postTags’, ‘postCategories’, or ‘keywords’ (in which case the attribute ‘terms’ will be used for the YouTube search).</li>
<li>terms – Search YouTube for these terms – no separating commas required.</li>
<li>exact – Set to ‘true’ will (try to) search for the exact phrase.</li>
<li>orderBy – Can either be ‘published’, ‘rating’, ‘viewCount’, (default) ‘relevance’.</li>
<li>lang – {2-letter-language-code} will show videos in that language.</li>
<li>region – {2-letter-country-code} will show videos that are actually viewable in that region/country.</li>
<li>author – Only show videos from a given YouTube User(name) .</li>
<li>filter – Add additional keywords or filtering search parameters. Those will always be added even when the relation is set to post title, tags, or so. You can also manually add post tags by adding ‘+postTags’, categories by adding ‘+postCategories’, the post title by adding ‘+postTitle’, post meta data by adding ‘+postMeta:key’ to the filter.</li>
<li>viewRelated – set to “no” or “false” will not show more related videos at the end of a clip.</li>
</ul>
I recommend always using the attributes ‘relation’, ‘max’, and if the relation shall be ‘keywords’ the ‘terms’ attribute. Depending on your design you might also set a custom width and height for the videos so they fit in properly.
Shortcode Example 1: [relatedYouTubeVideos relation=”postTags” max=”3″] Will show three videos coming back from the search YouTube for (all!) the tags you have assigned to this post or page.
Shortcode Example 2: [relatedYouTubeVideos relation=”keywords” terms=”monty python” max=”5″] Will show five Monty Python videos from YouTube.
Shortcode Example 3: [relatedYouTubeVideos relation=”keywords” terms=”real madrid” exact=”true” max=”2″] Will search for the exact phrase “Real Madrid” and (hopefully) not just anything “real”.
Shortcode Example 4: [relatedYouTubeVideos relation=”postTitle” max=”1″ orderBy=”viewCount” start=”1″] Will show the second most popular video (the first being skipped) relating to your post or page title.
Shortcode Example 5: [relatedYouTubeVideos relation=”keywords” terms=”monthy python” max=”1″ showVideoTitle=”true” showVideoDescription=”true”] Will show a Monty Python video, followed by the video title, followed by the video, followed by the video description.
Shortcode Example 6: [relatedYouTubeVideos relation=”keywords” terms=”monthy python” max=”1″ preview=”true”] Will show the thumbnail of a Monty Python video and load + play the video only when it’s being clicked.
Shortcode Example 7: [relatedYouTubeVideos relation=”postTitle” filter=”intitle:official -intitle:cover” max=”1″ preview=”true”] If the post title is about a music video (band and song title, for example) this will only show the official music video.
Shortcode Example 8: [relatedYouTubeVideos relation=”postTitle” filter=”+postCategories” max=”1″ preview=”true”] Will use the post title and a list of all categories the post is in to search YT.
<h4>The Widget</h4>
The widget almost works the same way. Or at least it has the same options for configuring the video request. If you log into your WordPress backend and go to the “Appearance > Widget” menu (given that your theme supports widgets) you can drag&drop a widget instance into the widget area of your choice.
The relatedYouTubeVideos widget allows multiple instances. So you can put as many widgets as you like into as many widget areas as you like.
The difference between the widget and the shortcode is not in terms of functionality but usually in the context they reside. Widgets usually go into sidebars or footers and alike and the same widget usually shows up for many, if not all pages, just the same. Shortcodes are placed inside the actual content and therefore will only show up when the page or post where they’re put is shown.
There is one functionality that only applies to widgets: In the options field “Hide on” you can set a list of comma separated, numerical post IDs on which the widget will not show up. This way you can easily exlude the widget on certain post. You can also use PAGE ids for that matter, since under the hood WordPress manages all “post type” IDs the same.
<h4>Randomize Results</h4>
The same keywords (or post title/tags) will ususally return the same video(s) for a period of time. Basically, that’s up to YouTube but in can take days, weeks or even months until fresh videos will show up.
When you set a numeric value for the RANDOM parameter/option you can get random videos from a pool of results. The MAX value plays along with the RANDOM value and both read like this: Show me {MAX} random videos out of {RANDOM} videos.
[relatedYouTubeVideos relation=”keywords” terms=”fast cars” max=”2″ random=”10″] will actually request 10 videos from YouTube but only show 2 random ones out of that 10.
So RANDOM will determine the size of the pool MAX videos will be chosen from.
<h4>System Requirements</h4>
In order to run this plugin you need the following components installed and enabled in your server and PHP environment:
<ul>
<li>PHP 5.1.2+</li>
<li>SimpleXML (usually is enabled by default anyways)</li>
<li>cURL (preferred) or fopen/fsockopen</li>
<li>OpenSSL + HTTPS wrapper (is only required if cURL is not available)</li>
<li>WordPress 3.0+</li>
</ul>
In general you should not have to worry about these things since they’re included in most web hosting packages nowadays. 
But to be sure you can download and install this plugin and then check the backend page. There is a “System Requirements” section that will show you exactly if you can good to go or if there is any problem.
In case you’re getting a “URL file-access is disabled in the server configuration” error you should make sure your PHP.ini file contains these two lines:
allow_url_include = on
allow_url_fopen = on
<h4>Available Languages:</h4>
<ul>
<li>English</li>
<li>German</li>
<li>
Serbo-Croatian – by Borisa Djuraskovic (<a href="http://www.webhostinghub.com/" rel="nofollow ugc">Webhostinghub</a>) 
Developers can also use the API class outside the plugin context, for example in a theme template file. All you have to do is include the class (if it doesn’t already exist) and create an object like this:
/* Load the “Related YouTube Videos” API class if it does not exist yet. */ 
if( !class_exists( ‘RelatedYouTubeVideos_API’ ) ) {
$file = str_replace( ‘/’, DIRECTORY_SEPARATOR, ABSPATH ) . ‘lib’ . DIRECTORY_SEPARATOR . ‘RelatedYouTubeVidoes’ . DIRECTORY_SEPARATOR . ‘API.php’;
if( file_exists( $file ) ) {
<pre><code>include_once $file;
</code></pre>
}
} 
/* Only continue if the API class could be loaded properly. */ 
if( class_exists( ‘RelatedYouTubeVideos_API’ ) ) {
$RytvAPI = new RelatedYouTubeVideos_API();
/* Do your configuration */ 
 $data = $RytvAPI->validateConfiguration( 
 array( 
 ‘relation’ => ‘postTitle’, 
 ‘max’ => ‘3’, 
 ‘width’ => 150, 
 ‘height’ => 150, 
 ‘lang’ => ‘en’, 
 ‘region’ => ‘de’, 
 ‘class’ => ‘left center inline bg-black’, 
 ‘preview’ => true 
 ) 
 );
/* Search YouTube. */ 
 $results = $RytvAPI->searchYouTube( $data );
/* Generate the unordered HTML list of videos according to the YouTube results and your configuration. */ 
 $html = $RytvAPI->displayResults( $results, $data );
echo $html; // Or do with it whatever you like 😉
}
</li>
</ul>

RB Responsive Video Output vs Related YouTube Videos