https://github.com/alecrust/protected-video

Embed YouTube/Vimeo videos in a "secure" way.
https://github.com/alecrust/protected-video

gutenberg plyr wordpress-plugin

Last synced: 4 months ago
JSON representation

Embed YouTube/Vimeo videos in a "secure" way.

• Host: GitHub
• URL: https://github.com/alecrust/protected-video
• Owner: AlecRust
• License: gpl-2.0
• Created: 2021-06-05T13:28:55.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-07-07T00:01:15.000Z (over 1 year ago)
• Last Synced: 2024-10-30T02:59:25.655Z (over 1 year ago)
• Topics: gutenberg, plyr, wordpress-plugin
• Language: PHP
• Homepage: https://wordpress.org/plugins/protected-video
• Size: 6.98 MB
• Stars: 4
• Watchers: 3
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
![Banner](.wordpress-org/banner-1544x500.png)

# Protected Video [![Lint](https://github.com/AlecRust/protected-video/actions/workflows/lint.yml/badge.svg)](https://github.com/AlecRust/protected-video/actions/workflows/lint.yml)

WordPress plugin that provides a Gutenberg block and traditional Shortcode for embedding YouTube/Vimeo videos, in a way that prevents users easily accessing the underlying video.

## Features

-   [Plyr](https://plyr.io/) player used to overlay default player with custom controls

-   Player modifications to always prevent clicking the default player

-   Encodes video ID in HTML to prevent finding it via “View Source”

-   Settings page e.g. to configure the player theme to match your site

[View Player Demo](https://protected-video.alecrust.com/)

## Installation

Install from the [WordPress Plugin Directory](https://wordpress.org/plugins/protected-video/) or grab a ZIP from

[Releases](https://github.com/AlecRust/protected-video/releases). This plugin supports [Git Updater](https://github.com/afragen/git-updater).

To embed a video either search for "Protected Video" in the Block Editor, or use the Shortcode e.g.

    [protected_video url="https://youtu.be/aqz-KE-bpKQ" service="youtube"]

## Development

Ensure you have the following installed:

-   [Node.js](https://nodejs.org/)

-   [Composer](https://getcomposer.org/)

-   [Docker](https://www.docker.com/)

Start a WordPress instance for developing this plugin:

1. `npm install`

2. `composer install`

3. `npm run build`

4. `npm run env start`

Run `npm start` to watch and rebuild block source files as they change.

Run `npm run start:demo` to launch the demo page on a local server.