YouTube видеоплеер

Виджет YoutubePlayer используется для воспроизведения видео с Youtube.

Чтобы добавить виджет YoutubePlayer в свой проект:

Просто перетащите виджет YoutubePlayer с вкладки «Базовые элементы» (в панели виджетов) или добавьте его непосредственно из дерева виджетов.

Виджет YoutubePlayer использует URL-адрес видео Youtube для воспроизведения видео. Когда вы добавляете YoutubePlayer в свое приложение, по умолчанию URL устанавливается для воспроизведения случайного видео. Вы можете изменить URL видео с помощью свойства URL.

Чтобы установить URL-адрес видео Youtube:

• Выберите YoutubePlayer в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до раздела Youtube Player.
• Найдите свойство URL и введите URL нового видео. Если URL видео поступает из бэкенда (Firestore/API), вы можете использовать функцию Set from Variable для динамической установки URL видео. Вот несколько инструкций о том, как установить видео из переменной.

Чтобы изменить высоту и ширину YoutubePlayer:
Выберите YoutubePlayer в дереве виджетов или в области холста.
Перейдите в редактор свойств и прокрутите вниз до раздела Youtube Player.
Найдите параметры Ширина и Высота.

Существует три способа задать размеры видео:

• Чтобы установить точный размер, выберите PX и введите нужные значения.
• Чтобы задать размеры в % от размера экрана, выберите % и введите нужное значение.
• Чтобы сделать высоту или ширину видеоролика равной высоте или ширине экрана, просто нажмите на значок бесконечности ().

По умолчанию видео Youtube начинает воспроизводиться снова после завершения воспроизведения. Вы можете изменить это поведение с помощью свойства Loop Video.

Чтобы включить/выключить зацикливание:

• Выберите YoutubePlayer в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до раздела Youtube Player.
• Найдите свойство Loop Video, установите флажок, чтобы видео зацикливалось, или снимите его, чтобы остановить зацикливание. Нажмите на него.

Чтобы отключить звук видео:

• Выберите YoutubePlayer в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до раздела Youtube Player.
• Найдите свойство Mute Video и щелкните, чтобы отметить его.

По умолчанию при воспроизведении видео отображаются различные элементы управления, такие как громкость, воспроизведение-пауза, субтитры, полноэкранный режим. Вы можете включить или отключить эти элементы управления с помощью свойства show controls.

Чтобы включить/выключить элементы управления видео:

• Выберите YoutubePlayer в дереве виджетов или в области холста.
• Перейдите в редактор свойств и прокрутите вниз до раздела Youtube Player.
• Найдите свойство Show Controls, установите флажок, чтобы показать элементы управления, или снимите флажок, чтобы скрыть элементы управления.
• (Необязательно) Чтобы отключить полноэкранный элемент управления, снимите флажок Show Full Screen Control.

Панель свойств может быть использована для настройки поведения вашего виджета.

Здесь приведены инструкции по добавлению подкладок.

Здесь приведены инструкции по настройке выравнивания.

Чтобы выполнить любое действие по щелчку на видео, добавьте действие в FlutterFlow. Инструкции по добавлению действия вы можете найти здесь.

Чтобы отобразить данные, извлеченные из коллекции Firestore и занесенные в виджет, убедитесь, что вы:

• Понимаете структурирование базы данных Firebase.
• Выполнили все шаги в разделе «Настройка Firebase» для вашего проекта.
• Извлекли данные из коллекции или документа.
• Наконец, чтобы отобразить данные в виджете, выполните следующие шаги.

Пожалуйста, найдите инструкции по отображению/скрытию виджета здесь