1

シナリオを複製するために「テスト」簡易 HTML Web ページをローカルで実行しているときに、CSS ファイルがサーバーの場所から参照されると、Real Player の埋め込みに問題が発生します。

動作しないコードは次のとおりです。

<!DOCTYPE html>    
<html>
<head>
    <meta charset="utf-8" />
    <title>Realplayer Test</title>

    <link href="http://domain.com/Content/Styles/styles.css" rel="stylesheet" type="text/css" /> 
</head>
<body>    
    <object id="media"
    classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
    height=360 width=640>
    <param name="controls" value="ImageWindow">
    <param name="console" value="Clip1">
    <param name="autostart" value="true">
    <param name="src" value="rtsp://domain.com/mediatemp/93088761_hi.rm">
    <embed src="rtsp://domain.com/mediatemp/93088761_hi.rm" console="Clip1" controls="ImageWindow"
    height="360" width="640" type="audio/x-pn-realaudio-plugin" autostart="true">
    </object>
    <br>
    <object id="media"
    classid="CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="320"
    height="100">
    <param name="src" value="rtsp://domain.com/mediatemp/93088761_hi.rm">
    <param name="console" value="Clip1">
    <param name="controls" value="All">
    <param name="AutoStart" value="true">
    <embed controls="All" console="Clip1"
    type="audio/x-pn-realaudio-plugin" src="rtsp://domain.com/mediatemp/93088761_hi.rm"
    width="640" height="100" autostart="true">
    </object>
</body>
</html>

これはブラウザに表示されるものです： リアルエラー

動作するコードは次のとおりです。

<!DOCTYPE html>    
<html>
<head>
    <meta charset="utf-8" />
    <title>Realplayer Test</title>

    <link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>    
    <object id="media"
    classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
    height=360 width=640>
    <param name="controls" value="ImageWindow">
    <param name="console" value="Clip1">
    <param name="autostart" value="true">
    <param name="src" value="rtsp://domain.com/mediatemp/93088761_hi.rm">
    <embed src="rtsp://domain.com/mediatemp/93088761_hi.rm" console="Clip1" controls="ImageWindow"
    height="360" width="640" type="audio/x-pn-realaudio-plugin" autostart="true">
    </object>
    <br>
    <object id="media"
    classid="CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="320"
    height="100">
    <param name="src" value="rtsp://domain.com/mediatemp/93088761_hi.rm">
    <param name="console" value="Clip1">
    <param name="controls" value="All">
    <param name="AutoStart" value="true">
    <embed controls="All" console="Clip1"
    type="audio/x-pn-realaudio-plugin" src="rtsp://domain.com/mediatemp/93088761_hi.rm"
    width="640" height="100" autostart="true">
    </object>
</body>
</html>

働く

Style.css は、両方のインスタンスで同じ CSS マークアップです。CSS ファイルが URL の場所から参照されたときにプレーヤーが動作しなくなる理由を教えてください。styles.css ファイルを複数のサーバーにアップロードしましたが、同じ問題が引き続き発生します。

ありがとう。

4

1 に答える 1

0

プログラムで URL から CSS をロードすることはセキュリティ リスクになるため、ブラウザのセキュリティに注意する必要があります。

Firefox 23 以降、Firefox はアクティブな混合コンテンツをデフォルトでブロックします。これは、Internet Explorer (バージョン 9 以降) と Chrome で採用されている方法に従います。

Web サイトが HTTPS ページを配信する場合、HTTP 経由で配信されるすべてのコンテンツ (画像、スクリプト、ビデオ、スタイルシート、iframe、フォントなど) はデフォルトでブロックされます。その結果、ユーザーには Web サイトが壊れているように見える場合があります (画像が読み込まれない場合など)。

混合コンテンツのブロックは Chrome と Internet Explorer で既に行われているため、Web サイトがこれらのブラウザーで機能する場合、混合コンテンツのブロックを使用して Firefox でも同様に機能する可能性が非常に高いことに注意してください。

参考文献

于 2014-06-11T00:54:26.713 に答える