Hi,
my custom weather script shown on screen (preview) and work fine on web server but it didn’t show up on xibo client display. Please see below information…Many Thanks!
http://videobroadcast.hk/xibo/3rdparty/index2.html
Region Timeline/Embedded
Embedded HTML
<body >
<div class="row">
<span id="example-inline-large"></span>
</div>
<!-- /container -->
<!-- jQuery, plugins and BetterWeather script-->
<script src="/BetterWeather/better-weather/js/jquery.min.js" type="text/javascript"></script>
<script src="/BetterWeather/better-weather/js/skycons.js"></script>
<script src="/BetterWeather/better-weather/js/elementQuery.min.js"></script>
<script src="/BetterWeather/better-weather/js/betterweather.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script src="/BetterWeather/documentation/bootstrap/js/bootstrap.min.js"></script>
<script type='text/javascript'>
var BW_Localized = {
apiKey: '68f8c34082a9d39ed4c038a9ff4c22b1',
} ;
</script>
<script>
// var doc_ajax_url = "/BetterWeather/better-weather/ajax/ajax.php";
var doc_ajax_url = "http://better-studio.net/plugins/better-weather/better-weather/ajax/ajax.php";
</script>
<script>
(function($){
// Inline mode examples
$('#example-inline-large').betterWeather({
location: '22.2855200, 114.1576900',
animatedIcons: true,
fontColor: "#FFFFFF",
url : doc_ajax_url,
mode : "inline",
inlineSize: "large"
});
})(jQuery);
</script>
</body>
HEAD content to Embed (including script tags)
<script type="text/javascript">
function EmbedInit()
{
// Init will be called when this page is loaded in the client.
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="BetterStudio">
<title>BetterWeather Examples</title>
<!-- Bootstrap core CSS and page custom styles-->
<link href="/BetterWeather/documentation/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- BetterWeather styles -->
<link href="/BetterWeather/better-weather/css/bw-style.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
return;
}
</script>