在 javafx 应用程序中使用 HTML5 视频标签

Question

我有一个简单的 javaFX 应用程序，可以在 WebView 组件中加载网页。

StackPane root = new StackPane();
Scene scene = new Scene(root, 80, 20);
browser = new WebView();
webEngine = browser.getEngine();

webEngine.load("test.html");
root.getChildren().add(browser);
jfxPanel.setScene(scene);

这工作正常，可以看到test.html。问题在于页面上的 HTML5 视频。

<video width="320" height="240" controls="controls">
    <source src="http://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv" type="video/ogg" />
    Your browser does not support the video tag.
</video>

该页面可在 Chrome 16 中运行，但在 java 应用程序中，您只能看到控件，单击播放没有任何作用。我假设 WebEngine 允许 HTML5 出现控件并且<video></video> 标签内的文本不输出。

谁能解释我做错了什么？

Answer 1

您遇到了编解码器问题。

从JavaFX FAQ question 7开始，JavaFX（从 2.0.2 开始）仅支持使用 on2 vp6 codec 编码的 flv 视频。

计划在未来的版本中提供额外的编解码器支持。相关功能请求是RT-18296（需要登录，但任何人都可以注册查看 JavaFX 问题数据库并创建功能请求、投票问题或发布 cmets）。

一个相关的 StackOverflow 问题提供了一个summary of considerations for playing video in JavaFX 2.1（包括一个 JavaFX WebView）。

要在 JavaFX WebEngine 中演示 html5 视频标签和视频播放，请运行以下代码，该代码播放 Oracle 提供的 vp6 编码视频。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
public class WebViewVideo extends Application {
  public static void main(String[] args) { Application.launch(args); }
  @Override public void start(Stage primaryStage) {
    WebView root = new WebView();
    root.getEngine().loadContent(
      "<video width='320' height='240'controls='controls'>" +
        "<source src='http://download.oracle.com/otndocs/products/javafx/oow2010-2.flv'/>" + 
        "Your browser does not support the video tag." + 
      "</video>");
    primaryStage.setScene(new Scene(root, 340, 260));
    primaryStage.show();
  }
}