Giter Club home page Giter Club logo

skiptotimestamp's Introduction

SkipToTimestamp

http://wordpress.org/plugins/skip-to-timestamp/

Skip to Timestamp allows two ways of generating links in your posts that automatically skip to a given time in an embedded media element. You've seen it in the Youtube descriptions, now get it in your embeds!

To create a link, either:

  • Use our [skipto] shortcode which takes a "time" (or "timestamp" or "ts") argument and uses that to create a link. Eg, "Just wait until...or...hold on, you can [skipto time=4:30]skip to[/skipto] this part of the video!"
  • Check the "Replace Timestamps Automatically" checkbox in the Settings > Skip to Timestamp, and watch as all your timestamps in the form "4:30" or "1:23:45" are automatically converted into links.

The links search for and skip to a time in:

  • Youtube videos embedded using Wordpress embeds.
  • HTML5 <audio> elements. Jetpack, Blubrry Powerpress and other plugins do this automatically using the [audio] shortcode.
  • HTML5 <video> elements. Jetpack and other plugins do this automatically using the [video] shortcode.

Installation

You don't really need to do anything special to install this plugin. Just:

  1. Download using the button above, unzip and place the folder in your wp-content/plugins/ folder. Alternately, install using Wordpress' built-in plugin installer.
  2. Activate the plugin through the Plugins menu in WordPress
  3. Configure settings via Settings > Skip to Timestamp. Automatic timestamp replacement is turned off by default.

Frequently Asked Questions

Will this work with ____ player?

If it adds an <audio> or <video> tag, then probably. The plugin uses the currentTime parameter of those elements to set the location to skip to. If you open your browsers developer console and see a message saying 'Skip to Timestamp: No media player found!', then that player isn't currently supported. I'd like to help you though, so please submit a request for that player on the Wordpress plugin page. It's the only way I know which players to prioritise!

Can I use both shortcodes and automatically-replaced timestamps?

Yes, as long as you don't use both in the same post. Each post can contain either shortcodes OR timestamps to auto-replace. If both are present, then timestamps will not be automatically replaced.

Links don't show up on the home page / category listing / tag listing!

Make sure the Link only on singular posts/pages setting (Settings > Skip to Timestamp) is unchecked.

It's just not working!

Leave a ticket either here or on the WP plugin page with information about the media you embedded, how you tried to create the link, and what browser and operating system you're running. If it's a bug, I'll get right to work on it!

skiptotimestamp's People

Contributors

doytch avatar lewiscowles1986 avatar

Stargazers

 avatar

Watchers

 avatar

skiptotimestamp's Issues

Cannot get timestamp to work

Hi I installed the skip to Timestamp plugin. I am using Vimeo embedded videos with the "video" player on Wordpress. I am using WP Bakery to design my site.

On the "video" widget I can select the start time for the video, but I would like to include chapters/skip to points with descriptions. When i add a text box on the same column than the embedded video the time creates a link, but when you click on the link nothing happens, I assume it is not linking to the embedded video. OR more likely I am doing something wrong, can you please help?

Errors on Chrome Embedded Youtube vids

Hi,
I've been experiencing errors on Chrome where using the timestamps generates
Uncaught TypeError: STT.media.seekTo is not a function
at Object.doYoutubeSkip (skiptotimestamp.js:15)
at STTSkipTo (skiptotimestamp.js:33)
at HTMLDocument. (skiptotimestamp.js:84).

It works perfectly on every other browser however. Any idea on what could be causing this Chrome specific bug?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.