Title: WebVTT
Author: bobbywalters
Published: <strong>19 Agustus 2015</strong>
Last modified: 3 Desember 2017

---

Cari plugin

Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi
dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan
dengan versi WordPress yang lebih baru.

![](https://s.w.org/plugins/geopattern-icon/webvtt.svg)

# WebVTT

 Oleh [bobbywalters](https://profiles.wordpress.org/bobbywalters/)

[Unduh](https://downloads.wordpress.org/plugin/webvtt.zip)

 * [Detail](https://id.wordpress.org/plugins/webvtt/#description)
 * [Ulasan](https://id.wordpress.org/plugins/webvtt/#reviews)
 *  [Instalasi](https://id.wordpress.org/plugins/webvtt/#installation)
 * [Pengembangan](https://id.wordpress.org/plugins/webvtt/#developers)

 [Bantuan](https://wordpress.org/support/plugin/webvtt/)

## Deskripsi

Creates any number of HTML5 elements for uploaded WebVTT files for videos displayed
using the `[playlist]` and `[video]` shortcodes.

The uploaded WebVTT file names must follow this convention to be recognized:
 + 
+ + + + ‘.vtt’

With each value described as:

 * `<video file name>` The base file name of the video file (without it’s extension).
 * `<separator>` A normalized single character separator typically a dash `-` to
   match the WordPress name normalization pattern.
 * `<WebVTT track kind>` The kind of text track. The kind is defined by the HTML5
   specification and may be one of:
    - captions
    - chapters
    - descriptions
    - metadata
    - subtitles
 * `<separator>` (defined above)
 * `<language code>` The language of the track text data. This is a lower case 2
   character code that represents the language only part of a full BCP 47 language
   tag. Here’s a listing of available [language codes](http://www.w3schools.com/tags/ref_language_codes.asp)
   for reference.
 * `'.vtt'` The recognized standard file extension for WebVTT files.

As an example, a video file named `'my-video.mp4'` would be able to leverage uploaded
track files named:

 * `'my-video-chapters-en.vtt'` to add English chapters
 * `'my-video-subtitles-en.vtt'` to add English subtitles
 * `'my-video-subtitles-es.vtt'` to add Spanish subtitles

## Tangkapan Layar

[⌊Upload video and associated VTT files following the naming convention.⌉⌊Upload
video and associated VTT files following the naming convention.⌉[

Upload video and associated VTT files following the naming convention.

[⌊Video being displayed using the [video] shortcode with the VTT tracks available.⌉⌊
Video being displayed using the [video] shortcode with the VTT tracks available.⌉[

Video being displayed using the `[video]` shortcode with the VTT tracks available.

[⌊Video and VTT attachments display reference links on media library and edit pages.⌉⌊
Video and VTT attachments display reference links on media library and edit pages
.⌉[

Video and VTT attachments display reference links on media library and edit pages.

[⌊Localization support on all screens.⌉⌊Localization support on all screens.⌉[

Localization support on all screens.

## Instalasi

 1. Upload entire **webvtt** directory to `/wp-content/plugins/` directory
 2. Aktifkan plugin melalui menu ‘Plugins’ di WordPress
 3. Upload new or see existing VTT files with the correct naming convention become 
    available to HTML5 videos displayed using the `[video]` shortcode

## Tanya Jawab

  Installation Instructions

 1. Upload entire **webvtt** directory to `/wp-content/plugins/` directory
 2. Aktifkan plugin melalui menu ‘Plugins’ di WordPress
 3. Upload new or see existing VTT files with the correct naming convention become 
    available to HTML5 videos displayed using the `[video]` shortcode

  Why aren’t my VTT files available with my video?

The uploaded WebVTT file names must follow this convention to be recognized:
 + 
+ + + + ‘.vtt’

This avoids:

 * the need for a settings page
 * extra meta data fields and trying to keep these in sync
 * having to re-upload a video when a VTT file is changed or updated

Please see the Description section for a full explanation of the VTT file name format.

## Ulasan

![](https://secure.gravatar.com/avatar/96d07783c5d602819907ca7575dd277c6497fd721fd4cc4197a4471aa2e44471?
s=60&d=retro&r=g)

### 󠀁[Works like suppose to](https://wordpress.org/support/topic/works-like-suppose-to/)󠁿

 [Leo Caseiro](https://profiles.wordpress.org/leocaseiro/) 3 September 2016 1 balasan

Don’t need setup! It’s perfect! Exactly what I need

 [ Baca semua 1 ulasan ](https://wordpress.org/support/plugin/webvtt/reviews/)

## Kontributor & Pengembang

“WebVTT” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi
pada plugin ini.

Kontributor

 *   [ bobbywalters ](https://profiles.wordpress.org/bobbywalters/)

[Terjemahkan “WebVTT” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/webvtt)

### Tertarik mengembangkan?

[Lihat kode](https://plugins.trac.wordpress.org/browser/webvtt/), periksa [repositori SVN ](https://plugins.svn.wordpress.org/webvtt/),
atau mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/webvtt/)
melalui [RSS](https://plugins.trac.wordpress.org/log/webvtt/?limit=100&mode=stop_on_copy&format=rss).

## Log Perubahan

#### 1.3.2

2016-08-28

 * FIX: Removed unneeded `empty()` calls.

#### 1.3.1

2016-08-28

 * FIX: Updated usage of `empty()` to be compatible with PHP versions prior to 5.5.

#### 1.3.0

2016-08-27

 * NEW: VTTs will now show up when using the `[playlist]` shortcode.
 * FIX: Sanitize video name when querying for VTTs.
 * FIX: Retrieve vide name from URL with query parameters.

Props @leocaseiro.

#### 1.2.0

2015-08-30

 * NEW: Added POT and first translation (Spanish).
 * NEW: Added screenshots of media library and localization support.
 * FIX: Better attachment metadata localization handling in media library view.

#### 1.1.0

2015-08-29

 * NEW: Links between video and VTTs are shown in the media library and on edit 
   pages.
 * NEW: Improved VTT query performance and results can now be cached.
 * NEW: Filter by `Video tracks` in media library to show only VTT attachments.
 * NEW: Using [classes plugin boilerplate](https://github.com/DevinVinson/WordPress-Plugin-Boilerplate).
 * FIX: Cleaned up [PHPCS WordPress standard](https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards)
   sniffs.

#### 1.0.1

2015-08-19

 * NEW: Added Screen shots and filled in more readme sections.
 * FIX: Corrected `.vtt` file names in examples.

#### 1.0.0

Initial release.

## Meta

 *  Versi **1.3.2**
 *  Diperbarui **9 tahun yang lalu**
 *  Instalasi Aktif **10+**
 *  Versi WordPress ** 3.6.0 atau yang terbaru **
 *  Diuji hingga **4.9.29**
 *  Bahasa
 * [English (US)](https://wordpress.org/plugins/webvtt/)
 * Tag
 * [HTML5](https://id.wordpress.org/plugins/tags/html5/)[track](https://id.wordpress.org/plugins/tags/track/)
   [video](https://id.wordpress.org/plugins/tags/video/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/webvtt/advanced/)

## Rating

 5 dari 5 bintang.

 *  [  1 ulasan 5-bintang     ](https://wordpress.org/support/plugin/webvtt/reviews/?filter=5)
 *  [  0 ulasan 4-bintang     ](https://wordpress.org/support/plugin/webvtt/reviews/?filter=4)
 *  [  0 ulasan 3-bintang     ](https://wordpress.org/support/plugin/webvtt/reviews/?filter=3)
 *  [  0 ulasan 2-bintang     ](https://wordpress.org/support/plugin/webvtt/reviews/?filter=2)
 *  [  0 ulasan 1-bintang     ](https://wordpress.org/support/plugin/webvtt/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/webvtt/reviews/#new-post)

[Lihat semua ulasan](https://wordpress.org/support/plugin/webvtt/reviews/)

## Kontributor

 *   [ bobbywalters ](https://profiles.wordpress.org/bobbywalters/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

 [Lihat forum bantuan](https://wordpress.org/support/plugin/webvtt/)