在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 put

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

对于ipad put

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