You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -22,102 +23,94 @@ This plug-in uses Able Player, an open-source fully-accessible cross-browser HTM
22
23
1. Activate the Able Player plugin through the 'Plugins' menu in WordPress
23
24
1. Follow the Instructions for Use
24
25
26
+
== Screenshots ==
27
+
28
+
1. Able Player as an audio player
29
+
2. Able Player as a video player, showing captions and an auto-generated interactive transcript
30
+
25
31
== Instructions for Use ==
26
32
27
33
There are currently two ways to add an Able Player instance to a WordPress site:
28
34
29
-
1. Enter or paste any valid HTML5 Able Player code into your web page. Full documentation, including a list and explanation of all supported HTML5 attributes, is available on the [Able Player](http://ableplayer.github.io/ableplayer) project page on GitHub.
35
+
1. Enter or paste any valid HTML5 Able Player code into your web page. Full documentation is available on the [Able Player](http://ableplayer.github.io/ableplayer) project page on GitHub.
36
+
37
+
2. Enter an [able-player] shortcode. The shortcode is intended for adding videos hosted on YouTube or Vimeo, with captions and subtitles hosted on these services. For anything more complex, use HTML.
30
38
31
-
2. Enter an [able-player] shortcode, in combination with one or more [able-source] shortcodes, plus one or more [able-track] shortcodes.
39
+
== The [able-player] shortcode ==
32
40
33
-
= The [able-player] shortcode =
41
+
The [able-player] shortcode supports the following attributes.
34
42
35
-
The [able-player] shortcode is a container, so must be terminated by the [/able-player] shortcode. In between these opening and closing shortcodes, you must have at least one [able-source] shortcode.
43
+
= Required attributes (one of these) =
44
+
45
+
* youtube-id - 11-character YouTube ID
46
+
* vimeo-id - Vimeo ID
36
47
37
-
The [able-player] shortcode supports the following attributes:
48
+
= Optional attributes =
38
49
39
-
* type (required) - either "video" or "audio"
40
-
* id - a unique id for the player (if omitted, one will be assigned)
50
+
* youtube-desc-id - YouTube ID of a described version of the video
51
+
* vimeo-desc-id - Vimeo ID of a described version of the video
52
+
* youtube-nocookie => "true" or "false" (use "true" to embed YouTube untracked, for added privacy)
53
+
* id - a unique id for the player (if omitted, one will be automatically assigned)
41
54
* autoplay - "true" or "false" (default is "false")
42
55
* loop' - "true" or "false" (default is "false")
43
-
* playsinline - "true" or "false" (default is "true")
44
-
* hidecontrols - "true" or "false" (default is "false")
56
+
* playsinline - "true" or "false" (default is "true"). By setting to "false", some devices (e.g., iPhones) will play the video in their own media player rather than in Able Player.
57
+
* hidecontrols - "true" or "false" (default is "false"). Set to "true" to enable the player controls to fade away during playback. They will appear again if the user hovers over the player or pressing a key, and they are always accessible to screen reader users.
45
58
* poster - the URL of a poster image, displayed before the user presses Play
46
59
* width - a value in pixels (by default, the player will be sized to fit its container)
47
60
* height - a value in pixels (by default, the height of the player will be in proportion to the width)
48
61
* heading - The HTML heading level (1-6) of the visually hidden "Media Player" heading that precedes the player (for the benefit of screen reader users). If omitted, a heading level will be intelligently assigned based on context.
49
62
* speed - "animals" or "arrows" (default is "animals")
50
-
* start - start time at which to start playing the media, in seconds
51
-
* volume - "0" to "10" (default is "7" to avoid overpowering screen reader audio)
52
-
* seekinterval - number of seconds to forward/rewind.
53
-
* nowplaying - "true" or "false" to include a "Selected Track" section within the media player (default is "false")
54
-
55
-
= The [able-source] shortcode =
56
-
57
-
The [able-source] shortcode is self-contained (i.e., it does not need a closing shortcode).
58
-
59
-
The [able-source] shortcode supports the following attributes:
63
+
* start - start time at which to start playing the media, in seconds. Some browsers do not support this.
64
+
* volume - "0" to "10" (default is "7" to avoid overpowering screen reader audio). Some browsers do not support this.
65
+
* seekinterval - number of seconds to forward/rewind with the Forward and Rewind buttons. If omitted, the interval will be intelligently assigned based on length of the video.
66
+
* nowplaying - "true" or "false" to include a "Selected Track" section within the media player (default is "false").
60
67
61
-
* src - URL of the media file
62
-
* type - the mime type of the media file (e.g., "audio/mpeg", "video/mp4")
63
-
* desc-src - URL of the media file for the described version
64
-
* sign-src - URL of the media file for synchronized sign language
65
-
* youtube-id - 11-character YouTube ID
66
-
* youtube-desc-id - 11-character YouTube ID of the described version
67
-
* youtube-nocookie => "true" or "false" (use "true" to embed YouTube untracked, for added privacy)
68
-
* vimeo-id - Vimeo ID
69
-
* vimeo-desc-id - Vimeo ID for described version
68
+
== Examples ==
70
69
71
-
= The [able-track] shortcode =
70
+
= Example 1 =
72
71
73
-
The [able-track] shortcode is self-contained (i.e., it does not need a closing shortcode).
72
+
This example uses HTML to add an audio player to the page, with one source (an MP3 file).
74
73
75
-
The [able-track] shortcode supports the following attributes:
* kind - "captions", "subtitles", "chapters", "descriptions", or "metadata"
78
-
* src - URL to the track file (must be a valid WebVTT file)
79
-
* srclang - language code of the track language (e.g., "en" for English, "es" for Español)
80
-
* label - A label to display in the captions/subtitles menu (e.g., "English")
77
+
= Example 2 =
81
78
79
+
This example uses HTML to add a video player to the page, with one source (an MP4 file) and four tracks (for captions, descriptions, and chapters in English; and subtitles in Spanish).
This example uses HTML to add a video player to the page, with one source (an MP4 file) and four tracks (for captions, descriptions, and chapters in English; and subtitles in Spanish).
This example uses a shortcode to add a YouTube player to the page, with two versions of the video, one with audio description and the other without (the user can toggle between the two versions using the D button).
This example uses a shortcode to add a Vimeo player to the page, with two versions of the video, one with audio description and the other without (the user can toggle between the two versions using the D button).
0 commit comments