wbraganca/yii2-videojs-widget
Composer 安装命令:
composer require 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.
README 文档
README
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'] ] ] ]); ?>
统计信息
- 总下载量: 110.04k
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 26
- 点击次数: 1
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: BSD-3-Clause
- 更新时间: 2014-06-24