Как я могу отобразить MHTML-файл в iframe на веб-странице?

Question

В моем веб-приложении, которое я разрабатываю, у меня есть различные отчеты, отображаемые в Panels, и в них у меня есть iframes. Некоторые отчеты представлены в формате mhtml, а другие - в pdf

Итак, вот проблема:

1. В Chrome отображаются файлы PDFправильно в iframe, но файлы mthml загружаются и не отображаются в iframe.

2. В IE файлы mhtml правильно отображаются в iframe, но файлы pdf загружаются и не отображаются в iframe.

Это очень расстраивает, и нужно найти подходящую среду для отображения этих файлов в Chrome,IE и Firefox.

Вот мой код, который у меня есть на данный момент:

<div class="col-lg-6 col-md-12">
                <div class="panel panel-primary">
                    <div class="btn-group pull-right">
                        <a href="#" id="panel-fullscreen4" role="button" title="Toggle fullscreen"><i class="glyphicon glyphicon-resize-full" style="margin-right: 10px; margin-top:10px; font-size: 20px; color: black"></i> </a>
                    </div>
                    <div class="panel-heading"><span style="font-size: 20px">Hardware Inventory Report</span></div>
                    <div class="panel-body">
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe id="Iframe2" runat="server" src="../../Clients/Client1/Reports/Hardware Inventory Report.mhtml" scrolling="auto" height="470" />
                        </div>
                    </div>
                </div>
            </div> 

Приведенный выше код работает в IE, но загружается в Chrome

<div class="col-lg-6 col-md-12">
                <div class="panel panel-danger">
                    <div class="btn-group pull-right">
                        <a href="#" id="panel-fullscreen5" role="button" title="Toggle fullscreen"><i class="glyphicon glyphicon-resize-full" style="margin-right: 10px; margin-top:10px; font-size: 20px; color: black"></i> </a>
                    </div>
                    <div class="panel-heading"><span style="font-size: 20px">Sophos Report</span></div>
                    <div class="panel-body">
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe src="../../Clients/Client1/Reports/AV-report.pdf" />
                        </div>
                    </div>
                </div>
            </div>

Над кодомработает в Chrome, но загружает в IE

Я надеюсь, что кто-нибудь сможет мне помочь в этом? Я не хочу загружать отчет, а отображать их там соответственно iframes

Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Спасибо