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' 
<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>

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