Embed Responsive interactive HTML report in a webpage

[kapil.mulchandani]

I wanted to view jasper report in html format on a web page, and that html report should be responsive. Can anyone provide me any solution for this?

I used iFrame and embedded the html report in it, but it is not responsive.

<div class="video-container">[/code]

<iframe src="http://localhost:8082/jasperserver-pro/flow.html?_flowId=viewReportFlow&standAlone=true&ParentFolderUri=%2Freports%2Finteractive&reportUnit[/code]

=%2Freports%2Finteractive%2FTableReport&decorate=no&viewAsDashboardFrame=true&output=html" width="100%" height="800px" frameborder="0">[/code]

</iframe></div> [/code]

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}[/code]

.video-container iframe,  .video-container object,  .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}[/code]