使用 StageWebView 加载 Youtube 视频时裁剪

Question

当通过 StageWebView Air 组件加载 Youtube 视频时，我需要将视频缩小到视口大小，显示黑条是可以的，但是我最终看到的是视频原始大小的裁剪版本相反。

我没有看到任何可以使用的额外参数，API 似乎非常有限。

知道如何播放视频以便即使源文件更大我也可以将其调整为视口大小吗？。

Answer 1

我将此代码用于 Android 试一试 :(它会调整页面大小）

import flash.display.MovieClip;
import flash.media.StageWebView;
import flash.geom.Rectangle;
import flash.events.Event;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.system.Capabilities;

this.visible = false ;

var webView: StageWebView = new StageWebView();



webView.stage = stage;



function videoing(VID): void {/// VID is the video id
     stage.setAspectRatio(StageAspectRatio.LANDSCAPE);

    var vidLink:String = "https://www.youtube.com/embed/"+ VID +"?autoplay=1" ;
    trace(vidLink);
    webView = new StageWebView();
    webView.stage = this.stage;
    webView.viewPort = new Rectangle(-(stage.stageHeight/2)+100,0, stage.stageHeight*2+40 , stage.stageWidth*2 - 160);
    webView.loadURL(vidLink);
    this.stage.focus = stage;
}


//////////////// dispose the video ///////////////////////

exit_btn.addEventListener(KeyboardEvent.KEY_DOWN, fl_OptionsMenuHandler);

function fl_OptionsMenuHandler(event: KeyboardEvent = null ): void {
    if ((event.keyCode == Keyboard.BACK) && (webView)) {
        event.preventDefault();
        webView.stage = null;
        webView.dispose();
        webView = null ;
        stage.setAspectRatio(StageAspectRatio.PORTRAIT);
    }   
}

在Android上需要添加

 <application android:hardwareAccelerated="true"/>

Answer 2

通常我会显示 Youtube，如所示（但会加载您可能不想要的 Flash Player 版本）。 PS：记住它对 Flash Player 使用 .com/v/VID_ID 或对 HTML5 Player 使用 .com/embed/VID_ID。

Any ideas how to play the video so even if the source is larger I can resize it to the viewport size?.

你说你有与作为答案发布的 Android 示例相似的代码？为什么不尝试打开 iframe 而不是因为那样会允许调整大小选项？

自定义大小的 Youtube iframe 示例...

<iframe width="800" height="600" src="https://www.youtube.com/embed/"+ VID +"?autoplay=1" frameborder="0" allowfullscreen></iframe>

要在 iframe 中打开，您必须通过代码制作一个动态网页。下面的代码 未经测试 但基于来自 Adobe 论坛的 this idea。只是一个起点，您可以调整/修复...

var html_Dynamic : String;

html_Dynamic = "<!DOCTYPE HTML>" +
                "<html>" +
                    "<body>" +
                        "<iframe class=\"youtube-player\" style=\"border: 0; width: 100%; height: 100%; padding:0px; margin:0px\" id=\"ytplayer\" type=\"text/html\" src=\"https://www.youtube.com/embed/" +
                            VID + "?fs=0\" frameborder=\"0\">\n" +  "</iframe>\n";
                "</body>" +
                "</html>";

使用 StageWebView 加载 Youtube 视频时裁剪

Youtube video crops when loading it using StageWebView

air

actionscript-3

ios

stagewebview