Embed HTML5 in Xibo

Hi!,

First, thanks for your product and for your support.

I tested your product and i have a problem inserting a embedded html webpage.

I was embed site

<object data =https://colorlib.com/polygon/gentelella/index3.html width="600" height="400"> <embed src=https://colorlib.com/polygon/gentelella/index3.html width="600" height="400"> </embed> Error: Embedded data could not be displayed.</object>

The webpage has the following scripts:

Bootstrap
Font Awesome
jQuery-Autocomplete
FullCalendar
Charts.js
Bootstrap Colorpicker
Cropper
dataTables
Date Range Picker for Bootstrap
Dropzone
easyPieChart
ECharts
bootstrap-wysiwyg
Flot - Javascript plotting library for jQuery.
gauge.js
iCheck
jquery.inputmask plugin
Ion.RangeSlider
jQuery
jVectorMap
moment.js
Morris.js - pretty time-series line graphs
jquery-nicescroll plugin
PNotify - Awesome JavaScript notifications
NProgress
Pace
Parsley
bootstrap-progressbar
select2
Sidebar Transitions - simple off-canvas navigations
Skycons - canvas based wather icons
jQuery Sparklines plugin
switchery - Turns HTML checkbox inputs into beautiful iOS style switches
jQuery Tags Input Plugin
Autosize - resizes text area to fit text
validator - HTML from validator using jQuery
jQuery Smart Wizard

If lauch this web (https://colorlib.com/polygon/gentelella/index.html) in my browser works correctly. But trought Xibo doesn’t work.

I tested with Mozilla Firefox ver.43
Internet explorer 11
Chrome last version.

Can you help me please?

Thanks a lot!

When attempting your code, I looked in the console and found the following message:

Refused to display ‘Gentelella Alela! |’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

To read more on this, please see this page: X-Frame-Options - HTTP | MDN

It appears that a setting must be changed on your web server to allow the content to be loaded from another origin (your display).

Hope this helps.

Brandon

1 Like