PDF in div.embed-responsive displays only 1st page on IOS

I used the following code to present multi-page PDFs.

<div class="container" style="padding-bottom:20px;">
<div class='embed-responsive' style='padding-bottom:123%'>
<!-- insert in the document body -->
<object data='http://eit-us.com/assets/pdf/Mist_Elimination-General_Info_TB-400.pdf' 
        type='application/pdf' 
        width='100%' 
        height='100%'>
<p>This browser does not support inline PDFs. Please download the PDF to view it: <a href="http://eit-us.com/assets/pdf/Mist_Elimination-General_Info_TB-400.pdf">Download PDF</a></p>
</object>
</div>
</div>

It works as intended on all devices and browsers except on IOS devices it displays only the 1st page of the PDFs.

Is there a simple fix or do I should I add a separate "viewer" like ViewerJS?

Thanks in advance, JohnS