For detailed instructions, view our install section in this documentation. Make sure all of the dependencies and polyfills are loaded to make the component cross-browser compatible.
You will need two other Web Components as dependancies. Include these script in the
<head> of your document, above the video script:
Follow these steps to successfully build out a video player component. Start by adding a
Add a video src url to the
url attribute of the element
Next you'll need to add a title and subtitle attribute
If you would like to display a certain frame of the video as a poster image, add the attribute
poster with the value being the second you want the frame to capture
|unset||Adds a video src to the player.|
|'unset'||Accepts a string as the title of the video|
|'unset'||Accepts a string as the sub title of the video|
|'pause'||Accepts the values |
|'unset'||Accepts a number value that will be the second you want the poster captured.|
|'off'||Accepts the values |
|'normal'||Accepts the values |
|'unset'||Accepts the values |
|'method'||Opens the video in full screen|
pearson-video component emits an event called
timeUpdate when the video is played, it returns a details object with the elapsed time and duration of the video.
IT PRO USERS: You can access the components title and subtitle property by referencing the
pearson-videoelements data object.
pearson-video component can be opened to full screen by using the
For more details on the video element: The Video Embed element - MDN