Gabfire

<p>Videos and pictures don’t have to be difficult. Gabfire themes include a media module that makes embedding media simple.</p>
<p>This plugin is maintained by the folks over at http://www.gabfirethemes.com</p>
<p>We strongly suggest you to use this plugin together with<br />
https://wordpress.org/plugins/otf-regenerate-thumbnails/</p>
<h4>Sample Code</h4>
<pre><code><?php 
gabfire_media(array(
    'name' => 'figure', 
    'imgtag' => 1,
    'link' => 1,
    'enable_thumb' => 1,
    'enable_video' => 0, 
    'resize_type' => 'c', 
    'media_width' => 415, 
    'media_height' => 284, 
    'thumb_align' => 'alignnone',
    'enable_default' => 1,
    'default_name' => 'defaultimage.png'
)); 
?>
</code></pre>
<p>name -> Name of post thumbnail to be used thats going to be resized to display featured image</p>
<p>imgtag -> 1 or 0. Using this option you can add/remove ‘<img src’ tag to image.</p>
<p>link -> 1 or 0. If set 1, the image will have a link to post</p>
<p>enable_thumb -> 1 or 0. You may want to use this option function just to get featured post thumbnails</p>
<p>enable_video -> 1 or 0. You may want to use this option function just to get videos</p>
<p>resize_type -> c, w, or h. C will crop image to exact size. w resizes the width and calculates height in proportion. h resizes the height and calculates width in proportion.</p>
<p>thumb_align -> adds a class to media</p>
<p>enable_default -> 1 or 0. You can set a default image to display if post has no media</p>
<p>default_name -> name of image to display. The image path is yourtheme/images/thumbs directory.</p>
<h4>How to Add a Video</h4>
<ul>
<li>If you are going to use Youtube/Vimeo/Dailymotion -> copy video URL from browser bar -> add it via custom field to your post using key name <em>iframe</em></li>
<li>If you’d like to display a self hosted MP4, WEBM or OGV file, add them as below</li>
<li>Custom field key name <em>video-mp4</em> and enter full file url into value field</li>
<li>Custom field key name <em>video-webm</em> and enter full file url into value field</li>
<li>Custom field key name <em>video-ogv</em> and enter full file url into value field</li>
<li>To add a caption (SRT or VTT format) to the video, use custom field name <em>caption-url-1</em> and full file url into value field</li>
</ul>


Gabfire Media Module

Gabfire Media Module extends the functionality of WordPress Featured Image to support Videos and Default Post Images.

WordPress website Design and Development - Miracle Websoft

Karam Singh

Sandeep Kumar

<h3>Video Player with analytics support YouTube, mp4, ogv and webm</h3>
<blockquote>
<p><a href="https://www.miraclewebsoft.com/advanced-video-player-with-analytics/" rel="nofollow ugc">Demos</a></p>
</blockquote>
<p>Embed youtube and mp4 video file nicely in WordPress using advanced Video player. We provide analytics for each video played. Embed youtube, MP4, ogv and webm videos in your pages, posts, sidebars, Elementor, gutenberg. We using VideoJS player library.</p>
<h3>Advanced Video Player Features</h3>
<ul>
<li>
<p>Embed Youtube video files into posts, pages or anywhere on your WordPress site</p>
<blockquote>
<p><a href="https://www.miraclewebsoft.com/wordpress-video-player-with-analytics-youtube-videos/" rel="nofollow ugc">YouTube Demo</a></p>
</blockquote>
</li>
<li>
<p>Embed MP4 video files into posts, pages or anywhere on your WordPress site</p>
<blockquote>
<p><a href="https://www.miraclewebsoft.com/advanced-video-player-with-tracking-mp4-videos/" rel="nofollow ugc">Mp4 Demo</a></p>
</blockquote>
</li>
<li>
<p>Analytics for each video played.</p>
</li>
<li>Embed responsive videos with better user interface in mobile device</li>
<li>Embed videos compatible with all major browsers</li>
<li>Embed videos with poster images</li>
<li>Embed videos using videojs player</li>
<li>Option to enable Automatic video play </li>
<li>Supports WordPress media library videos with shortcode</li>
<li>Clean and nice player with no watermark</li>
</ul>
<p>Note: We are using videojs, Video player library. you can check more about it https://videojs.com/</p>
<h3>Video Shortcode Options</h3>
<h4>Youtube Video embed Shortcode</h4>
<blockquote>
<p>[avpa webm=’youtube’ src=”https://www.youtube.com/watch?v=hc6mN739BJc”]</p>
</blockquote>
<h4>Mp4 Video embed Shortcode</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″]</p>
</blockquote>
<h4>Video embed with Poster Shortcode</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ poster=”path/image.png”]</p>
</blockquote>
<h4>WebM</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ webm=”path/video.webm”]</p>
</blockquote>
<h4>Ogv</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ webm=”path/video.webm” ogv=”path/video.ogv”]</p>
</blockquote>
<h4>Width</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ width=”480″]</p>
</blockquote>
<h4>Autoplay Enable</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ autoplay=”true”]</p>
</blockquote>
<h4>Repeat (Loop)</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ loop=”true”]</p>
</blockquote>
<h4>Muted</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ muted=”true”]</p>
</blockquote>
<h4>Contols</h4>
<blockquote>
<p>[avpa src=”path/video.mp4″ controls=”ture”]</p>
</blockquote>
<p>We have tried our best to create an awesome <strong>Advanced Video player with Tracking</strong> but still if you face any installation, coding or design error, you can <a href="mailto:sony7596@gmai.com" rel="nofollow ugc">contact us</a> anytime. Please suggest more features and design options.</p>


Advanced Video Player with Analytics

Embed youtube and mp4 video file nicely in WordPress using advanced Video player. We provide analytics for each video played.

Gabfire Media Module vs Advanced Video Player with Analytics