Flutter：处理嵌入式YouTube视频的用户Premium订阅状态

一、优先选择：使用YouTube原生SDK（推荐） #

WebView方案存在登录状态隔离、体验割裂的问题，而YouTube官方的Android/iOS原生SDK可直接共享系统已登录的Google账号状态，用户无需在应用内重复登录，播放器会自动识别Premium订阅并移除广告。

在Flutter中的实现思路：

• 通过MethodChannel分别调用Android和iOS的YouTube原生SDK，或选用基于原生SDK封装的Flutter插件（注意避开仅封装WebView的插件）。
• 原生SDK初始化时，会自动检测系统中已登录的Google账号（需用户在系统设置中登录过Google账号并授权YouTube权限），播放视频时直接应用Premium权益。

关键实现步骤（以Android为例）： #

1. 在Android项目中集成YouTube Android Player API并配置API密钥。
2. 创建PlayerView实例，加载视频ID时，SDK会自动关联当前登录账号的订阅状态，实现无广告播放。
3. 通过Flutter的MethodChannel传递视频ID给原生层，触发播放逻辑。

二、WebView方案优化：共享登录状态 #

若必须使用WebView，无需让用户手动登录，可通过Google Sign-In授权同步登录状态：

1. 使用Flutter的google_sign_in插件获取用户的Google OAuth授权令牌。
2. 在WebView加载YouTube视频页面（如https://www.youtube.com/embed/{videoId}）时，通过JavaScript注入或自定义请求头传递授权令牌，自动完成登录。
3. 保存登录会话的Cookie，后续加载视频时复用，避免重复授权。

示例代码片段： #

import 'package:google_sign_in/google_sign_in.dart';
import 'package:webview_flutter/webview_flutter.dart';

final GoogleSignIn _googleSignIn = GoogleSignIn(scopes: ['email', 'https://www.googleapis.com/auth/youtube.readonly']);

Future<void> signInAndLoadVideo(WebViewController controller, String videoId) async {
  final GoogleSignInAccount? account = await _googleSignIn.signIn();
  final GoogleSignInAuthentication auth = await account!.authentication;
  
  // 注入JavaScript完成自动登录并加载视频
  await controller.runJavascript('''
    // 利用授权令牌同步登录状态
    window.localStorage.setItem('yt_auth_token', '${auth.accessToken}');
    window.location.href = 'https://www.youtube.com/embed/$videoId';
  ''');
}

三、重要注意事项 #

• 无论采用哪种方案，都需确保用户的Google账号已在设备上登录，且授权了YouTube相关权限。
• YouTube的广告屏蔽规则由官方控制，即使传递了登录状态，部分视频仍可能强制显示广告（与订阅状态无关）。
• 禁止尝试破解或模拟订阅状态，此类行为违反YouTube服务条款，可能导致应用下架或账号封禁。

内容的提问来源于stack exchange，提问作者Mark Bowler