Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lesha724/yii2-youtube-widget

Виджет для отображения видео youtube
https://github.com/lesha724/yii2-youtube-widget

widget yii2 yii2-extension yii2-widgets yii2-youtube-widget youtube

Last synced: about 22 hours ago
JSON representation

Виджет для отображения видео youtube

Awesome Lists containing this project

README

        

yii2-youtube-widget
===================
yii2-youtube-widget

Installation
------------

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

Either run

```
php composer.phar require --prefer-dist lesha724/yii2-youtube-widget "*"
```

or add

```
"lesha724/yii2-youtube-widget": "*"
```

to the require section of your `composer.json` file.

Usage
-----

Once the extension is installed, simply use it in your code by :

```php
= Youtube::widget([
'video'=>'https://www.youtube.com/watch?v=CP2vruvuEQY',
/*
or you can use
'video'=>'CP2vruvuEQY',
*/
'iframeOptions'=>[ /*for container iframe*/
'class'=>'youtube-video'
],
'divOptions'=>[ /*for container div*/
'class'=>'youtube-video-div'
],
'height'=>390,
'width'=>640,
'playerVars'=>[
/*https://developers.google.com/youtube/player_parameters?playerVersion=HTML5&hl=ru#playerapiid*/
/* Значения: 0, 1 или 2. Значение по умолчанию: 1. Этот параметр определяет, будут ли отображаться элементы управления проигрывателем. При встраивании IFrame с загрузкой проигрывателя Flash он также определяет, когда элементы управления отображаются в проигрывателе и когда загружается проигрыватель:*/
'controls' => 1,
/*Значения: 0 или 1. Значение по умолчанию: 0. Определяет, начинается ли воспроизведение исходного видео сразу после загрузки проигрывателя.*/
'autoplay' => 0,
/*Значения: 0 или 1. Значение по умолчанию: 1. При значении 0 проигрыватель перед началом воспроизведения не выводит информацию о видео, такую как название и автор видео.*/
'showinfo' => 0,
/*Значение: положительное целое число. Если этот параметр определен, то проигрыватель начинает воспроизведение видео с указанной секунды. Обратите внимание, что, как и для функции seekTo, проигрыватель начинает воспроизведение с ключевого кадра, ближайшего к указанному значению. Это означает, что в некоторых случаях воспроизведение начнется в момент, предшествующий заданному времени (обычно не более чем на 2 секунды).*/
'start' => 0,
/*Значение: положительное целое число. Этот параметр определяет время, измеряемое в секундах от начала видео, когда проигрыватель должен остановить воспроизведение видео. Обратите внимание на то, что время измеряется с начала видео, а не со значения параметра start или startSeconds, который используется в YouTube Player API для загрузки видео или его добавления в очередь воспроизведения.*/
'end' => 0,
/*Значения: 0 или 1. Значение по умолчанию: 0. Если значение равно 1, то одиночный проигрыватель будет воспроизводить видео по кругу, в бесконечном цикле. Проигрыватель плейлистов (или пользовательский проигрыватель) воспроизводит по кругу содержимое плейлиста.*/
'loop ' => 0,
/*тот параметр позволяет использовать проигрыватель YouTube, в котором не отображается логотип YouTube. Установите значение 1, чтобы логотип YouTube не отображался на панели управления. Небольшая текстовая метка YouTube будет отображаться в правом верхнем углу при наведении курсора на проигрыватель во время паузы*/
'modestbranding'=> 1,
/*Значения: 0 или 1. Значение по умолчанию 1 отображает кнопку полноэкранного режима. Значение 0 скрывает кнопку полноэкранного режима.*/
'fs'=>0,
/*Значения: 0 или 1. Значение по умолчанию: 1. Этот параметр определяет, будут ли воспроизводиться похожие видео после завершения показа исходного видео.*/
'rel'=>1,
/*Значения: 0 или 1. Значение по умолчанию: 0. Значение 1 отключает клавиши управления проигрывателем. Предусмотрены следующие клавиши управления.
Пробел: воспроизведение/пауза
Стрелка влево: вернуться на 10% в текущем видео
Стрелка вправо: перейти на 10% вперед в текущем видео
Стрелка вверх: увеличить громкость
Стрелка вниз: уменьшить громкость
*/
'disablekb'=>0
],
'events'=>[
/*https://developers.google.com/youtube/iframe_api_reference?hl=ru*/
'onReady'=> 'function (event){
/*The API will call this function when the video player is ready*/
event.target.playVideo();
}',
]
]); ?>
```