在本地运行“test”简化的html网页以复制场景时,当从服务器位置引用CSS文件时,replicate嵌入工作会出现问题。
下面是不使用的代码:
<!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文件是从一个网址的位置引用。我已经将styles.css文件上传到多个服务器,同样的问题仍然发生。
谢谢。
发布于 2014-06-11 00:54:26
浏览器安全性将是要考虑的问题,因为以编程方式从URL加载CSS现在是一种安全风险:
从Firefox 23开始,Firefox默认会阻塞活动的混合内容。这遵循了(自版本9)和Chrome所采用的做法。 如果您的网站提供HTTPS页面,所有内容(图像、脚本、视频、样式表、iframe、字体.)通过HTTP传递将在默认情况下被阻止。因此,您的网站可能会出现对用户的破坏(如果图片没有加载,等等)。 请注意,由于混合内容阻塞已经发生在Chrome和中,很可能如果您的网站在这些浏览器中工作,它将在Firefox和混合内容阻塞中工作得同样好。
参考资料
https://stackoverflow.com/questions/14262043
复制相似问题