Themes4WP

With Themes4WP Youtube External Subtitles you can display subtitles over the YouTube videos on your website (subtitles, texts, comments or lyrics as well).
With this shortcode you can display the custom subtitles over the YouTube videos.
A very lightweight, easy to use plugin. Its overall size is around 11 kb. Scripts are loaded only on pages with the sortcode.
<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>

Youtube External Subtitles Homepage & Demo 
http://themes4wp.com/youtube-external-subtitles/

Themes4WP YouTube External Subtitles

A plugin to display external subtitles over YouTube videos.

Philip Arthur Moore

We Cobble

Right now WordPress currently presents no easy way for web publishers to add subtitles into their posts, pages, and other custom post types. This leaves users and developers in a bit of a quandary, trying to figure out how best to present subtitles in a beautiful and sensible way. Post <a href="https://codex.wordpress.org/Function_Reference/the_excerpt" rel="nofollow ugc">excerpts</a> are a very poor choice for subtitles and the only available option outside of <a href="https://codex.wordpress.org/Custom_Fields" rel="nofollow ugc">custom fields</a>, but custom fields aren’t entirely self-explanatory or user-friendly. This simple, straightforward plugin aims to solve this issue.
Simply download Subtitles, activate it, and begin adding subtitles into your posts and pages today. For more advanced usage of the plugin, please see the <a href="https://wordpress.org/plugins/subtitles/faq/" rel="ugc">Frequently Asked Questions</a>.
If you like Subtitles, <a href="https://www.paypal.me/wecobble" rel="nofollow ugc">thank me with coffee</a>. If you find it buggy, <a href="https://github.com/wecobble/Subtitles/issues" rel="nofollow ugc">tell me on GitHub</a>. And if you have a cool example of how you’re using Subtitles on your website, let me know on <a href="https://twitter.com/philip_arthur" rel="nofollow ugc">Twitter</a>.

Subtitles

Thanks. Hopefully it will get Gutenberg support too when the time comes.

Clean code, no ads or nags, works perfect

Add subtitles into your WordPress posts, pages, custom post types, and themes. No coding required. Simply activate Subtitles and you're ready.

Themes4WP YouTube External Subtitles vs Subtitles