1

在本地运行“测试”简化 html 网页以复制场景时，当从服务器位置引用 CSS 文件时，Real player embed 会出现问题。

这是不起作用的代码：

<!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 标记。当从 url 位置引用 CSS 文件时播放器会停止工作的任何想法。我已将styles.css 文件上传到多个服务器，但同样的问题仍然存在。

谢谢。

4

1 回答 1

0

浏览器安全性将是值得关注的事情，因为从 URL 以编程方式加载 CSS 现在存在安全风险：

从 Firefox 23 开始，Firefox 默认会阻止活动的混合内容。这遵循 Internet Explorer（自版本 9 起）和 Chrome 采用的做法。

如果您的网站提供 HTTPS 页面，则默认情况下会阻止通过 HTTP 提供的所有内容（图像、脚本、视频、样式表、iframe、字体...）。因此，您的网站可能会在用户看来已损坏（如果图像未加载等）。

请注意，由于混合内容阻止已经在 Chrome 和 Internet Explorer 中发生，如果您的网站在这些浏览器中运行，它很可能在具有混合内容阻止的 Firefox 中同样有效。

参考

于 2014-06-11T00:54:26.713 回答