0

Highslideでiframeビデオを開いていますが、IE8以外のすべてのブラウザーでうまく機能します(IE9は試していません)。IE8では、拡張ウィンドウが機能する代わりに、ビデオが開いて新しいタブで再生されます。

このページは、SoundManagerと呼ばれるオーディオプレーヤープログラムも使用しているため、複雑です。メインのSoundManagerjavascriptリンクを削除すると、Highslideは正しく機能します。または、と呼ばれるページのjavascript関数を削除するsoundmanager.setupと、Highslideも機能します。明らかに、2つのプログラムの間にはいくつかの矛盾があります。ページ上でスクリプトを移動しようとしましたが、成功しませんでした。コードを調べましたが、すべてがモジュール式で含まれているように見えるため、競合を見つけることができません。しかし、私は高レベルのjavascriptプログラマーではなく、明らかに何かが欠けています。

以前にSoundManagerを見たことがありますか?また、競合が発生したことはありますか?何か提案できますか?これがあなたの仕事の説明の外にあるなら、私は理解します。ただし、両方のプログラムを同じページで動作させると便利です。

このページを見たい場合は、次の場所にあります。http : //www.idesignmagic.com/silver/videotest.phpページタイトルの下にあるシアンのビデオ再生ボタンは、Highslide拡張を起動します。

コードにはいくつかの単純なphpがあり、オーディオタイトルとURLの配列を使用してSoundManagerの選択肢を表示しますが、Highslideには影響しません。

あなたが私に与えることができるどんな助けでもありがたいです。

[編集:私はについて間違っていましたsoundmanager.setup。構成のデフォルトをリセットするだけです。デフォルトをメインページにあるものに置き換え、メインページからsetup削除setupしました。IE8でも同じように機能しない結果が得られます。しかし、おそらくこれは、これらのセットアップの選択肢の1つが問題を引き起こしていることを意味します。]

ありがとう。

マーク

4

1 に答える 1

2

Soundmanager2をダウンロードし、IE8 でHighslide imageHighslide インライン コンテンツ、およびHighslide iframeを使用してテストしました。壊れる唯一の組み合わせは、Soundmanager2 + page-player.js と Highslide iframe を使用する場合です。Highslide インライン コンテンツと Highslide 画像は、Soundmanager2 + page-player.js でうまく機能します。また、あなたのような動画ページを開くときは、Highslide iframe を使用する必要があります。

Highslide iframe ポップアップを開こうとすると、iframe が壊れてブラウザーでページが開く前に、ポップアップが拡大し始めることに気付きました。page-player.js が「iframe から抜け出す」機能をトリガーしているように見えます。これは、ポップアップ内のページのコンテンツとは関係ありません。また、段落内にテキストのみを含むページでもテストしました。

これについて Soundmanager2 サポートに連絡して、解決策があるかどうかを確認することをお勧めします。


更新 4. 2 月。2013:
Soundmanger2 サポート ( https://getsatisfaction.com/schillmania/topics/conflict_between_soundmanager2_and_highslide_in_ie8#reply_11221943 ) からの最新のコメントを読んだ後、href に URL を入れることとこの競合の間に関係があるのではないかと考えました。Highslide 画像でもう一度テストしたところ、これも実際に失敗したことがわかりました。先日、テストが速すぎたのかもしれません。Highslide インライン コンテンツは引き続き機能し、Highslide インライン コンテンツは href で URL を使用しません。

したがって、これに対する解決策は、ポップアップで開きたいページの URL をsrc 変数に入れることです。アンカーの href の代わりに onclick で。

これは、ポップアップを開くためにこのアンカーを使用する必要があることを意味します。

<a href='javascript:;' onclick='return hs.htmlExpand(this, { objectType:"iframe", src: 'video/iframe-test.html', width: 670, objectWidth: 670, objectHeight: 410, objectLoadTime: "after", preserveContent: false } )' class='highslide'>
    <img src='images/play-button-small.png' alt='Click for video' width='40' height='53' title='Click to enlarge' >
</a>
于 2013-02-01T07:26:05.857 に答える