2

video.js に問題があります。メインドメインでは、すべてが正常に機能します。しかし、www. サブドメイン ボタンが正しく表示されていません ( が表示されているだけです)。

サブドメインでフォントが機能しないようです。これを修正するためのアイデアはありますか?

4

3 に答える 3

3

@font-faceVideoJS は、 video-js.css のディレクティブを使用して定義されたカスタム フォントを使用します。内部で定義されたパスは相対パスです。FireFox がフォントをロードするとき、CSS ファイルのルート URL を使用してフォント パスを連結します。

したがって、サブドメインを表示すると、メイン ドメインからカスタム フォントが読み込まれます。問題ないようですね。ただし、Firefoxでは、セキュリティのためのアクセス制御ヘッダーのないクロスドメイン フォントは許可されていません。

つまり、FireFox では通常、表示されているページのドメインからすべてのカスタム フォントを読み込む必要があります。www.example.comを表示している場合、フォントはexample.comではなくwww.example.comから取得する必要があります。

次のいずれかを実行できます

  1. 上記のリンクされたソリューションを使用して、適切なヘッダーをサーバーに追加し (制御できる場合)、「クロスドメイン」フォントを許可します (www.example.com は example.com とは異なるドメインと見なされます)。
  2. アクティブなドメインから VideoJS CSS ファイルを動的に読み込みます。

後者のルートに行きたい場合は、ユーザーが表示するときにwww.example.com、ロードしますhttp://*www.*example.com/path/to/video-js/video-js.min.css。閲覧時example.comはロードしてhttp://example.com/path/to/video-js/video-js.min.cssください。

Webkit は気にしないことに注意してください -- 単なる Firefox の問題のようです。

于 2013-10-05T16:33:57.603 に答える