如何使用sencha嵌入YouTube视频

Question

我曾尝试使用iframe将youtube视频嵌入到html标记内的sencha中。

....
html:'<iframe>Youtube URL</iframe>'
....

我在标签栏的第二个图标中添加了上面的代码。第二个图标是滚动视图。我将其设置为scroll:'vertical'

我的问题是当我添加youtube视频时。就像这样......

Look.Only显示部分视频。

当我切换到其他标签面板时，视频显示如下。

任何帮助!!!

Answer 1

我在面板中使用HTML完成了这项工作。当然它不会嵌入在sencha应用程序中。它会跳转到youTube播放器。

html: '<div style="margin-left:12px; margin-top:20px"><h1>Syndicate Trailer</h1><p><iframe class="youtube-player" type="text/html" src="http://www.youtube.com/embed/ewwtznVkSxA" frameborder="0"></iframe></p><h1>Prometheus Trailer</h1><p><iframe class="youtube-player" type="text/html" src="http://www.youtube.com/embed/sftuxbvGwiU" frameborder="0"></iframe></p></div>'

这会在视频帧中留下不适合我的应用的链接，因此我修改为使用此代码：

html: '<div style="margin-left:12px; margin-top:20px"><h1>Eddies Cinema Slot </h1><p><embed id=\"yt\" src=\"http://www.youtube.com/watch?v=5a9-ORWn0fY\" type=\"application/x-shockwave-flash\" width=\"290\" height=\"260\"></embed></p></div>'