0

私はワードプレスの下でウェブサイトを構築していて、ハイスライドを使用してiframeでフラッシュビデオプレーヤーを表示しています。

このプレーヤーは通常、専用のボタンをクリックすることで全画面表示できますが、Away3Dで開発されているため、全画面表示はGoogle Chromeで機能しません(既知のバグ)。空白になります。

そのため、GoogleフルスクリーンAPIを介してフルスクリーンに移行するには、プレーヤーをロードするページでスクリプトを使用する必要がありました。

次のテストサイトで例を見ることができます(私は今オフラインで作業しているので、あなたのためだけに作りました):

http://ipgtest.co.nf

  • 最初のiPad画像は、古典的なハイスライドをロードするだけです。完全に機能しています。
  • 2番目のiPadイメージは、Flash Playerローダーページのみをロードし、プレーヤーのフルスクリーンボタン(矢印)がGoogleChromeおよび他のすべてのブラウザーで完全に機能することを確認できます。
  • 3番目のipadイメージは、フラッシュプレーヤーローダーページをハイスライドのiframeにロードし、GoogleChromeではフルスクリーンボタンがまったく機能しないことがわかります...

http://ipgtest.co.nf/play/index.htmlのソースコードを読んで、Chromeのフルスクリーンが正常に処理される方法を確認してください。

あなたの助けのためにたくさんの戦車、私は本当に解決策を見つけることを躊躇します...

ジュリアン

4

1 に答える 1

2

上記のJuliensの最新のコメントと、iframeのコードに追加することによるトリックに関する情報に基づくallowfullscreen webkitallowfullscreen mozallowfullscreenと、唯一の解決策は、highslide-full.jsファイル(またはhighslide-with)にiframeを作成するコードに同じコードを追加することです。 -html.jsファイル-使用しているHighslideファイルによって異なります)。

テキストエディタ(Wordなどではない)でHighslide jsファイルを開き、次の行を見つけます:
(highslide-full.jsの1668行目-highslide-with-html.jsの1435行目/両方のバージョン4.1.13、行番号今後のバージョンで変更される可能性があります)

this.body.innerHTML += '<iframe name="hs'+ (new Date()).getTime() +'" frameborder="0" key="'+ this.key +'" '

行を次のように変更します。

this.body.innerHTML += '<iframe allowfullscreen webkitallowfullscreen mozallowfullscreen name="hs'+ (new Date()).getTime() +'" frameborder="0" key="'+ this.key +'" '
于 2013-03-09T05:40:18.067 に答える