wbraganca/yii2-videojs-widget

Is a Yii 2 wrapper for the Video.js

yii2-videojs-widget

The yii2-videojs-widget is a Yii 2 wrapper for the video.js. 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.

Either run

php composer.phar require --prefer-dist wbraganca/yii2-videojs-widget "~1.0"

or add

"wbraganca/yii2-videojs-widget": "~1.0"

to the require section of your composer.json file.

How to use

Example 1 - HTML5

<?php
    echo \wbraganca\videojs\VideoJsWidget::widget([
        'options' => [
            '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
    echo \wbraganca\videojs\VideoJsWidget::widget([
        'options' => [
            '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']
            ]
        ]
    ]);
?>

yii2-videojs-widget's Issues

Cannot play video from localhost

I've put the video in localhost and the path goes as follows " http://localhost/htdocs/vvplib/g402.mp4 "
Am I doing anything wrong
I have also added the webm file with it.

how to play a swf file?

Could you upgrade your composer?

here: https://github.com/wbraganca/yii2-videojs-widget/blob/master/composer.json
I find that videojs version is 5.8 now. But this widget still is 5.1. It cannot play file:///somefile. But 5.8 videojs could. So, can you upgrade it? Thank you.