Themes4WP

<p>With <strong>Themes4WP Youtube External Subtitles</strong> you can display subtitles over the YouTube videos on your website (subtitles, texts, comments or lyrics as well).</p>
<p>With this shortcode you can display the custom subtitles over the YouTube videos.</p>
<p>A very lightweight, easy to use plugin. Its overall size is around 11 kb. Scripts are loaded only on pages with the sortcode.</p>
<h4>The Shortcode</h4>
<pre><code>[youtube-subtitles width="640" height="360" id="" sub=""]
</code></pre>
<ul>
<li>id = YouTube ID (e.c. fGPPfZIvtCw)</li>
<li>sub = Subtitle URL (Must be uploaded on your host. External link is deprecated)</li>
<li>width = Video width (default 640)</li>
<li>height =  Video height (default 360)</li>
</ul>
<h4>Subtitle Example</h4>
<pre><code>1
00:00:02,000 --> 00:00:06,000
Subtitle 1.1
Subtitle 1.2

2
00:00:28,967 --> 01:30:30,958
Subtitle 2.1
Subtitle 2.2
</code></pre>
<p>
<strong>Youtube External Subtitles Homepage & Demo</strong><br />
http://themes4wp.com/youtube-external-subtitles/</p>


Themes4WP YouTube External Subtitles

A plugin to display external subtitles over YouTube videos.

Jonathan Desrosiers

Linchpin

Aaron Ware

<p>Simple subtitles adds a field on posts, pages, or custom post types for adding a subtitle. Post types can be enabled/disabled in the writing settings section.</p>
<p>There are several functions in the plugin that allow you to easily get subtitles for different contexts. These functions mirror the functions in core for titles.</p>
<h4>If you want to display the subtitle in your theme on your own, use the following filter:</h4>
<pre><code><?php
    function mytheme_disable_subtitle_display( $show ) {
        return false;
    }
    add_filter( 'simple_subtitle_auto', 'mytheme_disable_subtitle_display' );
?>
</code></pre>
<h4>By default, only  tags are allowed in subtitles (with only class and style attributes). There is a filter this.</h4>
<pre><code><?php
    function mytheme_simple_subtitle_allowed_html( $allowed ) {
        $allowed['strong'] = array();
        $allowed['div'] = array(
            'class' => true,
        );

        return $allowed;
    }
    add_filter( 'simple_subtitle_allowed_html', 'mytheme_simple_subtitle_allowed_html' );

?>
</code></pre>
<p>For more info on this, read into <a href="https://codex.wordpress.org/Function_Reference/wp_kses" title="the wp_kses functions" rel="nofollow ugc">the wp_kses functions</a>.</p>
<h4>Get the subtitle.</h4>
<pre><code><?php $subtitle = get_the_simple_subtitle( $post_id ); ?>
</code></pre>
<h4>Display the current post’s subtitle. Should be used within the loop.</h4>
<pre><code><?php $subtitle = the_simple_subtitle( $before = '', $after = '', $echo = true ); ?>
</code></pre>
<h4>Get the subtitle for use in an HTML attribute.</h4>
<pre><code><?php
    $args = array(
        'before' => '',
        'after' =>  '',
        'echo' => true
    );
    $subtitle = the_simple_subtitle_attribute( $args );
?><h3>Roadmap</h3>
</code></pre>
<p>* Add a column in the admin showing subtitles.<br />
* Add a setting for selecting the subtitle HTML tag.</p>


Simple Subtitles

Define a subtitle on any post, page, or custom post type.

Themes4WP YouTube External Subtitles vs Simple Subtitles