https://github.com/inquid/yii2-videojs-widget
Is a Yii 2 wrapper for the Video.js
https://github.com/inquid/yii2-videojs-widget
Last synced: 5 months ago
JSON representation
Is a Yii 2 wrapper for the Video.js
- Host: GitHub
- URL: https://github.com/inquid/yii2-videojs-widget
- Owner: inquid
- License: other
- Fork: true (wbraganca/yii2-videojs-widget)
- Created: 2018-10-07T23:57:03.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-19T04:36:15.000Z (over 6 years ago)
- Last Synced: 2024-04-17T00:16:54.637Z (about 1 year ago)
- Language: PHP
- Homepage:
- Size: 166 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
yii2-videojs-widget
===================[](https://github.com/wbraganca/yii2-videojs-widget/releases)
[](LICENSE.md)
[](https://packagist.org/packages/wbraganca/yii2-videojs-widget)The yii2-videojs-widget is a Yii 2 wrapper for the [video.js](http://www.videojs.com/). A JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.
Installation
------------The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
Either run
```
php composer.phar require --prefer-dist inquid/yii2-videojs-widget "dev-master"
```or add
```
"inquid/yii2-videojs-widget": "dev-master"
```to the require section of your `composer.json` file.
How to use
----------Example 1 - HTML5
```php
[
'class' => 'video-js vjs-default-skin vjs-big-play-centered',
'poster' => "http://www.videojs.com/img/poster.jpg",
'controls' => true,
'preload' => 'auto',
'width' => '970',
'height' => '400',
],
'tags' => [
'source' => [
['src' => 'http://vjs.zencdn.net/v/oceans.mp4', 'type' => 'video/mp4'],
['src' => 'http://vjs.zencdn.net/v/oceans.webm', 'type' => 'video/webm']
],
'track' => [
['kind' => 'captions', 'src' => 'http://vjs.zencdn.net/vtt/captions.vtt', 'srclang' => 'en', 'label' => 'English']
]
]
]);
?>```
Example 2 - Real Time Messaging Protocol (RTMP)
```php
[
'class' => 'video-js vjs-default-skin vjs-big-play-centered',
'controls' => true,
'preload' => 'auto',
'width' => '420',
'height' => '315',
'data' => [
'setup' => [
'autoplay' => true,
'techOrder' =>['flash', 'html5']
],
],
],
'tags' => [
'source' => [
['src' => 'rtmp://cp67126.edgefcs.net/ondemand/&mp4:mediapm/ovp/content/test/video/spacealonehd_sounas_640_300.mp4', 'type' => 'rtmp/mp4']
]
]
]);
?>```