搜尋套件、儲存庫與 APP 分類

套件詳情v1.0.3

vimeo_video_player

一個用於透過影片 ID 播放 Vimeo 影片的 Flutter 套件。利用 InAppWebView 在您的 Flutter 應用程式中直接實現順暢的影片播放。

AndroidiOSWebmacOSWindows
近 30 天下載
1.1萬
喜歡數
81
Pub 分數
140

安裝套件

flutter pub add vimeo_video_player

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

vimeo_video_player 套件允許在 Flutter 應用程式中使用影片 ID 實現 Vimeo 影片的無縫播放。基於 InAppWebView 建構,它能在 Android、iOS、Web、macOS 和 Windows 上提供流暢的內嵌影片體驗。該套件透過內部處理驗證與串流邏輯,簡化整合過程,讓開發者能專注於 UI 與使用者體驗。它支援響應式設計,並透過網頁檢視介面提供基本播放控制。

適用情境

  • 在行動應用中嵌入Vimeo影片
  • 在教育類應用程式中整合影片內容
  • 在電子商務應用中展示產品示範
  • 串流教學或訓練影片
  • 在應用程式介面中新增影片背景

主要特色

  • 透過影片ID播放Vimeo影片
  • 使用 InAppWebView 以實現可靠的播放
  • 跨平台支援(Android、iOS、Web、macOS、Windows)
  • 簡單整合,設定最少
  • 響應式影片渲染
  • 透過網頁檢視器內建播放控制

適合對象

  • 開發媒體豐富的 Flutter 應用的開發者
  • 教育或教學導向的應用程式
  • 帶有影片內容的電子商務平台
  • 需要從 Vimeo 嵌入影片的應用程式

使用建議

  • 依賴 InAppWebView,這可能會影響低階裝置上的效能
  • 影片串流播放需要網路連接
  • 對播放器UI的自定義僅限於網頁視圖
  • 某些平台可能需要額外的權限
  • 取決於Vimeo API的可用性與穩定性

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

vimeo_video_player

Flutter Website Dart Website MIT License

A Flutter package to play Vimeo videos using their Video ID. Utilizes InAppWebView for smooth video playback directly in your Flutter app.

Key Features

  • Easy way to play vimeo video in flutter app.
  • Supports customizable controls like isAutoPlay, isLooping, isMuted, showTitle, showByline, showControls, enableDNT, backgroundColor.
  • Event callbacks include onReady, onPlay, onPause, onFinish, onSeek, onInAppWebViewCreated, onInAppWebViewLoadStart, onInAppWebViewLoadStop, and onInAppWebViewReceivedError.

Preview

vimeo_video_player

Basic Usage

Import it to your project file

import 'package:vimeo_video_player/vimeo_video_player.dart';

And add it in its most basic form like it:

@override
Widget build(BuildContext context) {
  return VimeoVideoPlayer(
    videoId: '12860646',
  );
}
Required parameters of VimeoVideoPlayer

Parameter Description
String videoId Defines the vimeo video ID to be played, it is required and cannot be empty
Optional parameters of VimeoVideoPlayer with Default value

Parameter Default Description
bool isAutoPlay false Used to auto-play the video once initialized
bool isLooping false Used to play the video in a loop after it ends
bool isMuted false Used to play the video with the sound muted
bool showTitle false Used to display the video title
bool showByline false Used to display the video byline/author
bool showControls true Used to display the video playback controls
bool enableDNT true Used to enable Do Not Track (DNT) mode, When enabled, the player will not track any viewing information
bool portrait false Used to display the profile avatar
bool badge false Used to display the vimeo logo
bool enableFullScreenOnPlay false Used to enable fullscreen mode when playing. When enabled, the player go full screen when play is hit
Color backgroundColor Colors.black Defines the background color of the InAppWebView
Optional parameters of VimeoVideoPlayer

Parameter Description
String? privacyHash Used to define the the hash for the unlisted vimeo video
VoidCallback? onReady Used to define a callback function triggered when the player is ready to play the video
VoidCallback? onPlay Used to define a callback function triggered when the video begins playing
VoidCallback? onPause Used to define a callback function triggered when the video is paused
VoidCallback? onFinish Used to define a callback function triggered when the video playback finishes
VoidCallback? onSeek Used to define a callback function triggered when the video playback position is modified
Function(InAppWebViewController controller)? onInAppWebViewCreated Used to define a callback function triggered when the WebView is created
Function(InAppWebViewController controller, WebUri? uri)? onInAppWebViewLoadStart Used to define a callback function triggered when the WebView starts to load an url
Function(InAppWebViewController controller, WebUri? uri)? onInAppWebViewLoadStop Used to define a callback function triggered when the WebView finishes loading an url
Function(InAppWebViewController controller, WebResourceRequest request, WebResourceError? error)? onInAppWebViewReceivedError Used to define a callback function triggered when the WebView encounters an error loading a request
final void Function(InAppWebViewController controller)? onEnterFullscreen Used to define a callback function triggered when the WebView enters full screen
final void Function(InAppWebViewController controller)? onExitFullscreen Used to define a callback function triggered when the WebView exits full screen
final ValueChanged? currentPositionInSeconds Used to define a callback function that notifies current video position
int? initialPositionInSeconds Used to define the initial video position in seconds

Dependencies

Guideline for contributors

  • Contribution towards our repository is always welcome, we request contributors to create a pull request for development.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue
  • Library used

LICENSE!

vimeo_video_player is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our open-source libraries. Just send an email to [sales@mindinventory.com](mailto:sales@mindinventory.com) And do let us know if you have any questions or suggestion regarding our work.

Visit our website mindinventory.com

Let us know if you are interested to building Apps or Designing Products.

flutter app development

所屬分類

依賴

依賴清單 2 項

原始碼儲存庫

使用此套件的專案