Darren Cooney

Velocity is an alternative loading method to the standard to YouTube, Vimeo, Twitch and Soundcloud iframe embeds.
With Velocity you will decrease the loading time and increase overall performance of your website by lazy loading media on-demand instead of on initial page load.
To add Velocity to your site, simply create a Velocity shortcode by selecting a preview image and media type using the intuitive shortcode builder then add the generated snippet to your page.
<a href="https://connekthq.com/plugins/velocity/" rel="nofollow ugc">Get More Information</a>
<h4>Shortcode Parameters</h4>
<ul>
<li>type – Choose a media type [youtube, vimeo, twitch, soundcloud].</li>
<li>id – The ID of the media item.</li>
<li>options – Add optional styling and display parameters for the embedded media – e.g. rel=0&controls=0&showinfo=0.</li>
<li>playlist – Is this a Soundcloud playlist [true/false].</li>
<li>img – The path to the preview image.</li>
<li>alt – The alternative text to be attached to the preview image.</li>
<li>color – Play button arrow color.</li>
<li>bkg_color – Play button background color.</li>
</ul>
<h4>Example Shortcode</h4>
<pre><code>[velocity type="youtube" id="239793212" img="http://yourwebsite.com/wp-content/uploads/2016/01/image-1263626715.jpg" alt="Play Video"]
</code></pre>
<h4>Tested Browsers</h4>
<ul>
<li>Firefox (Mac, PC)</li>
<li>Chrome (Mac, PC, iOS, Android)</li>
<li>Safari (Mac, iOS)</li>
<li>IE10+</li>
<li>Android (Native)</li>
<li>BB10 (Native)</li>
</ul>
<h4>Website</h4>
https://connekthq.com/plugins/velocity/

Velocity – Video Lazy Loading for YouTube, Twitch and Vimeo

I wish it could manually grab the image thumbnail for me and load locally. The manual builder is enough work as it is.

Thank you for this great plugin, though.

works great, missing some key features

Improve website performance by lazy loading and customizing your YouTube, Vimeo, Twitch and SoundCloud media embeds.

Paul Schreiber

JoeGermuska

<a href="https://soundcite.knightlab.com" rel="nofollow ugc">SoundciteJS</a> is a tool from <a href="https://knightlab.northwestern.edu" rel="nofollow ugc">Northwestern University Knight Lab</a> to make it easy to embed audio in your webpage. Historically, SoundciteJS has not been easy to use on WordPress.org sites because it uses custom attributes which are filtered out of posts.
To learn about using SoundciteJS in general, visit the <a href="https://soundcite.knightlab.com" rel="nofollow ugc">SoundciteJS</a> website. SoundciteJS can play audio hosted on SoundCloud, or audio which you upload using the WordPress Media Library, or any other audio files (MP3, AAC, Ogg Vorbis, or WAV) which can found with a URL.
To use SoundciteJS on your WordPress site, simply install this plugin. Then create clips at <a href="https://soundcite.knightlab.com" rel="nofollow ugc">soundcite.knightlab.com</a> and paste them into the “text” view of your post editor. You will be able to see your clips and edit their text in the “visual” WordPress editor, but to change the configuration values, you must use the “text” WordPress editor. While clips will show the SoundciteJS “play” button in the visual editor, playing them is not supported in the editor, although you should be able to play them in post preview mode.
This plugin supports two configuration values, which can be set in the WordPress Settings controls, on the “Media” page.
<ul>
<li>Soundcloud Client ID: If you use SoundCloud, you may want to register for a client ID. If you don’t, your clips may occasionally become unplayable because of the amount of traffic against the SoundciteJS default SoundCloud client ID. See the <a href="https://developers.soundcloud.com/docs/api/guide" rel="nofollow ugc">SoundCloud Developers website</a> to register for a client ID.</li>
<li>Background Color: If you choose, you may set the background color of your clips. All clips on a single page must have the same color, and the WordPress settings only support one custom color for your entire site.</li>
</ul>

Knight Lab SoundciteJS

This plugin lets you easily use Knight Lab's SoundciteJS tool to embed audio clips on your WordPress site.

Velocity – Video Lazy Loading for YouTube, Twitch and Vimeo vs Knight Lab SoundciteJS