https://github.com/gkjohnson/subrip-video-layer-element

Element and player and for displaying and playing a video with SRT subtitles
https://github.com/gkjohnson/subrip-video-layer-element

html javascript srt srt-subtitles video web-components webcomponents

Last synced: 7 months ago
JSON representation

Element and player and for displaying and playing a video with SRT subtitles

• Host: GitHub
• URL: https://github.com/gkjohnson/subrip-video-layer-element
• Owner: gkjohnson
• License: mit
• Created: 2018-06-10T16:00:56.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-12-22T17:29:03.000Z (over 7 years ago)
• Last Synced: 2025-04-06T15:35:03.614Z (about 1 year ago)
• Topics: html, javascript, srt, srt-subtitles, video, web-components, webcomponents
• Language: JavaScript
• Homepage: https://gkjohnson.github.io/subrip-video-layer-element/player/
• Size: 235 KB
• Stars: 4
• Watchers: 3
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# video-subrip-layer-element

Element and player and for displaying and playing a video with SRT subtitles. Built for watching subtitled video content with Chromecast tab casting.

[Player here!](https://gkjohnson.github.io/subrip-video-layer-element/player/)

![example](./docs/example.gif)

## subrip-video-layer Element

```html

  

    

  

```

### Attributes

#### src

The url from which to load the SRT file.

## Caveats

- Clicking the full screen button on the video tag will full screen the video tag within, but not the subtitles layered on top.

- The element relies on the `` tag events, so the contained video tag cannot be added or removed to and from the element dynamically.