视频在ipad和iphone中没有以适当的宽度显示(safari)

Question

在我的应用程序中，video not display on iPad and iPhone.

实际上是从后端添加到mceEditor中的视频代码，并从前端显示。我在下面添加了视频代码

<object width="640" height="360" data="https://youtube.com/v/s8kmoiOqVtI" type="application/x-shockwave-flash">
<param name="src" value="https://youtube.com/v/s8kmoiOqVtI" />
</object>
<iframe src="https://youtube.com/v/s8kmoiOqVtI"></iframe>

我尝试了以上两种视频代码，但使用object标签，其宽度显示太小。不是在iPad和iPhone上显示正确的宽度，而是视频显示。

iFrame ->显示宽度正确，但不能在iPad和iPhone设备上显示视频

我要做的是在设备上显示适当宽度的视频。

我试了很多次，但没有解决，然后来这里。

感谢

Answer 1

使用媒体查询进行

对于iphone放入

media@(max-width:480px){
   Your css style for iframe according to you
}

对于ipad放入

media@(max-width:768px){
   Your css style for iframe according to you
}