doytch

<p>Skip to Timestamp allows two ways of generating links in your posts that automatically skip to a given time<br />
in an embedded media element. You’ve seen it in the Youtube descriptions, now get it in your embeds!</p>
<p>To create a link, either:</p>
<ul>
<li>Use our [skipto] shortcode which takes a “time” (or “timestamp” or “ts”) argument and uses that to create a link.<br />
Eg, “Just wait until…or…hold on, you can [skipto time=4:30]skip to[/skipto] this part of the video!”</li>
<li>Check the “Replace Timestamps Automatically” checkbox in the Settings > Skip to Timestamp, and watch as all your<br />
timestamps in the form “4:30” or “1:23:45” are automatically converted into links.</li>
</ul>
<p>The links search for and skip to a time in:</p>
<ul>
<li>Youtube videos embedded using WordPress embeds. Make sure you’re just pasting in the Youtube video link into your post editor and let WordPress embed things for you to ensure that the correct player is inserted into your post.</li>
<li>HTML5 <audio> elements. Jetpack, Blubrry Powerpress and other plugins do this automatically using the [audio] shortcode.</li>
<li>HTML5 <video> elements. Jetpack and other plugins do this automatically using the [video] shortcode.</li>
</ul>


Skip to Timestamp

This is one of my favorite plugins to recommend to Blubrry PowerPress users who are looking for a way to link to specific sections of their episodes from within the show notes. This plugin is maintained regularly and the code is well written. Thanks @doytch!



Works great with PowerPress

I recently noticed the JS for this on the boagworld podcast, same JS signatures, and works with a plugin I authored for media-playback-speed, so I'm very happy at the focused, long-term success of this plugin.

I'm quite interested in using data-attributes rather than an onclick handler as then I can more easily use, so if you have a repo URL I can PR to, I'd be even happier.

Enhances one of my favourite podcasts

Adds clickable links via shortcode or search-and-replace that skip to a time in a media player.

pupunzi

<p>A Chrome-less Youtube® video player that let you play any YouTube® video as background of your WordPress® page or post.<br />
You can activate it for your home page from the settings panel (no license needed) or on any post or page using the short code (need the <a href="https://pupunzi.com/wpPlus/go-plus.php?plugin_prefix=YTPL" rel="nofollow ugc">Plus version</a>) as described in the Reference section of the settings.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/lTW937ld02Y?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>If you prefer to use a Vimeo video you can take a look at <a href="https://wordpress.org/plugins/wp-vimeoplayer/" rel="ugc">mb.VimeoPlayer WordPress plug-in</a></p>
<p>note:<br />
If you don’t want ADs on your background video and you are the owner of it you can disable this on your Youtube channel as explained here: http://candidio.com/blog/how-to-remove-ads-from-your-youtube-videos .</p>
<ul>
<li>demo: <a href="http://pupunzi.com/mb.components/mb.YTPlayer/demo/demo.html" rel="nofollow ugc">See the Youtube background video in action!</a></li>
<li>video: <a href="http://www.youtube.com/watch?v=lTW937ld02Y" rel="nofollow ugc">See a short video tutorial</a></li>
<li>pupunzi blog: <a href="http://pupunzi.open-lab.com" rel="nofollow ugc">Go to my blog</a></li>
<li>pupunzi site: <a href="http://pupunzi.com" rel="nofollow ugc">Go to my site</a></li>
</ul>
<p>This plug in has been tested successfully on:</p>
<ul>
<li>Chrome 11+, Firefox 7+, Opera 9+    on Mac OsX, Windows and Linux</li>
<li>Safari 5+    on Mac OsX</li>
<li>IE7+    on Windows (via Adobe Flash player)</li>
</ul>
<h3>To set your homepage background video:</h3>
<ol>
<li>Go to the mbYTPlayer settings panel (you can find it under the “settings” section of the WP backend.</li>
<li>set the complete YT video url</li>
<li>set all the other parameters as you need.</li>
</ol>
<p>You can also set it by placing a shortcode in the home page via the YTPlayer shortcode window (<a href="https://pupunzi.com/wpPlus/go-plus.php?plugin_prefix=YTPL" rel="nofollow ugc">Plus version</a>).<br />
You can open it by clicking on the YTPlayer button in the top toolbar of the page editor.</p>
<h3>To set a video as background of a post or a page:</h3>
<p>Use the editor button or write the below shortcode into the content of your post or page (<a href="https://pupunzi.com/wpPlus/go-plus.php?plugin_prefix=YTPL" rel="nofollow ugc">Plus version</a>):</p>
<p>[mbYTPlayer url=”http://www.youtube.com/watch?v=V2rifmjZuKQ” ratio=”4/3″ mute=”false” loop=”true” showcontrols=”true” opacity=1]</p>
<ul>
<li>@ url = the YT url of the video you want as background</li>
<li>@ ratio = the aspect ratio of the video 4/3 or 16/9</li>
<li>@ mute = a boolean to mute the video</li>
<li>@ loop = a boolean to loop the video on its end</li>
<li>@ showcontrols = a boolean to show or hide controls and progression of the video</li>
<li>@ opacity = a value from 0 to 1 that set the opacity of the background video</li>
<li>@ id = The ID of the element in the DOM where you want to target the player (default is the BODY)</li>
<li>@ quality:
<ul>
<li>small: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.</li>
<li>medium: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).</li>
<li>large: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).</li>
<li>hd720: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).</li>
<li>hd1080: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).</li>
<li>highres: Player height is greater than 1080px, which means that the player’s aspect ratio is greater than 1920px by 1080px.</li>
<li>default: YouTube selects the appropriate playback quality.</li>
</ul>
</li>
</ul>
<h3>mb.YTPlayer Plus</h3>
<p>With the <a href="https://pupunzi.com/wpPlus/go-plus.php?plugin_prefix=YTPL" rel="nofollow ugc">Plus version</a> you’ll get:</p>
<ul>
<li>Remove the water-mark from the video</li>
<li>Set the video opacity</li>
<li>Set the video quality</li>
<li>Set the video aspect ratio</li>
<li>Set the video start point</li>
<li>Set the video end point</li>
<li>Show the control bar</li>
<li>Choose the full screen behavior</li>
<li>Set the starting audio volume</li>
<li>Choose if the video should start mute or not</li>
<li>Choose if the video should loop</li>
<li>Add a raster image over the video</li>
<li>Track the video views on Google Analytics</li>
<li>Choose if the player should pause if the windows blur</li>
<li>Add any YTPlayer video as background of any page or as backgraund of any element of your page enabling the short-code editor.</li>
<li>Use the YTPlayer to display a clean Youtube video as player (via short-code).</li>
</ul>
<h3>What about mobile</h3>
<p>The mb.YTPlayer now works on mobile devices!<br />
The video starts as soon the device screen is touched.</p>


mb.YTPlayer for background videos

Play any Youtube video as background of your page or as custom player inside an element of the page.

Skip to Timestamp vs mb.YTPlayer for background videos