タブを切り替えるとGXT/GWTのHTMLコンテンツが再読み込みされます

Question

私はGXT/GWTプロジェクトを作成しています。ドロップダウンメニューからの選択に基づいてコンテンツが設定される2つのタブがあります。 1つのタブのコンテンツは埋め込み動画（GoogleビデオまたはYouTube動画）です

タブを切り替えると、ビデオが最初から再読み込みされて開始されるという問題があります。私が望むのは、タブを切り替えて、フォーカスが別のタブに切り替わったときにビデオの再生や一時停止を継続できるようにすることです。

いつものように、どんなアイデアも大歓迎です。あなたは埋め込むためのIFRAMEを使用しているためだ

乾杯、 ベン

Answer 1

、IFRAMEは、ときにその位置やサイズ変更リロードする必要があります。これはFirefoxで行われますが、IEの位置やサイズが変更された場合、IFRAMEはリロードされません。

Answer 2

GoogleビデオではFlashが使用されています。別のタブに切り替えるとDOMから削除され、スイッチバックするとFlashが読み込まれます。あなたはそれを再作成するプレイヤー用のカスタムウィジェットを作成し、DOMエレメントの表示属性または可視性CSS属性を設定することができます。

Answer 3

diffブラウザでこの問題のdiff動作があります。

FFでは、あるタブから別のタブに切り替えると、フラッシュコンテンツがリロードされます。その理由は、あるタブから他のタブに切り替えると、選択解除されたタブの「表示」プロパティが「なし」に変更され、再びそのタブに戻ると「表示」プロパティが「ブロック」に変更されるためです。これがFFのこの問題の根本的な原因です。

IEでは、この問題は発生しません。

ソリューション：

.templateTabItem {position: absolute !important;} //css 

    TabItem item = new TabItem(); 
    if (!GXT.isIE && !GXT.isIE8 && !GXT.isIE9) { 
     item.setHideMode(HideMode.VISIBILITY); 
     item.addStyleName("templateTabItem"); 
    } 

Answer 4

私はは@mmohabに同意します。これはiFrameの動作であり、フラッシュには関係しません。再ロードの問題は、TabItemまたはContentPanelのsetUrlメソッドを使用する代わりに、GxtのHtmlContainerクラスとsetUrl()メソッドを使用して解決します。 HtmlContainerは、ラップ、あなたの指定したHTML形式またはURLページ本体のdivタグにはないのiFrame：

HtmlContainer html = new HtmlContainer("www.youtube.com"); 
yourTabItemObj.add(html);