Codename One应用中通过WebBrowser播放YouTube视频的技术问询

嘿，我来帮你把这个从列表选视频并播放的功能彻底搞定！咱们一步步来：

1. 完善HTML嵌入代码 #

你之前写的iframe代码没完成，咱们补全成适配Codename One WebBrowser的完整版本：

// 封装生成播放器HTML的方法
String generatePlayerHtml(String videoUrl) {
    return "<!DOCTYPE html>"
            + "<html>"
            + "<body style=\"margin: 0; padding: 0; overflow: hidden;\">"
            + "<iframe width=\"100%\" height=\"100%\" src=\"" + videoUrl + "\""
            + " frameborder=\"0\" allow=\"autoplay; encrypted-media; fullscreen\""
            + " allowfullscreen></iframe>"
            + "</body>"
            + "</html>";
}

这里加了几个关键细节：

• width="100%" height="100%"：让iframe完全铺满WebBrowser组件，避免出现黑边
• body样式去掉边距和滚动条，保证播放器全屏显示
• 补全了allowfullscreen属性，支持用户全屏播放视频

2. 绑定列表选中事件 #

接下来要给你的视频列表添加选中事件，把选中的Movie对象的嵌入URL传到WebBrowser里：

// 假设你的视频列表组件是movieList，WebBrowser是player
movieList.addActionListener(evt -> {
    // 获取选中的Movie对象
    Movie selectedMovie = (Movie) movieList.getSelectedItem();
    if (selectedMovie == null || selectedMovie.getYouTubeEmbedUrl() == null) {
        return;
    }
    // 生成播放器HTML并加载
    String playerHtml = generatePlayerHtml(selectedMovie.getYouTubeEmbedUrl());
    player.setPage(playerHtml, null);
});

这段代码的作用是：用户点击列表项时，自动获取对应视频的嵌入地址，生成适配的HTML页面，然后加载到WebBrowser组件中。

3. 配置项目关键设置 #

Codename One的WebBrowser有跨域限制，咱们得先配置允许YouTube的域名：

• 打开项目根目录的codenameone_settings.properties文件，添加以下配置：

  codename1.webBrowser.allowedURLs=https://www.youtube.com/embed/*,https://youtube.com/embed/*
  

• 针对Android平台，还需要确保网络权限和WebView配置，在项目的Build Hints里添加：

  android.permissions=android.permission.INTERNET
  android.xapplication=<meta-data android:name="android.webkit.WebSettings.allowContentAccess" android:value="true"/>
  android.xapplication=<meta-data android:name="android.webkit.WebSettings.allowFileAccess" android:value="true"/>
  

• 针对iOS平台：要注意iOS默认禁止自动播放视频，不过因为咱们是用户点击列表项触发的加载（属于用户交互），所以autoplay是可以正常工作的，不需要额外配置。

4. 调试和测试技巧 #

如果遇到播放器显示空白或者无法播放的问题，可以试试这些方法：

• 先在浏览器里单独打开你的YouTube嵌入URL，确认视频本身能正常播放
• 给WebBrowser开启调试模式：player.setDebugMode(true)，这样能查看HTML加载的错误信息
• 检查控制台日志，看是否有跨域访问被阻止的提示（如果有，就是allowedURLs配置没生效）

内容的提问来源于stack exchange，提问作者Wassim Ben Hamouda