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

Posted 2023-02-23

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

【英文标题】：Video not display in proper width in ipad and iphone (safari)

【发布时间】：2015-12-16 12:28:21

【问题描述】：

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

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

<object   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 设备上显示宽度正确但不显示视频

我必须做什么视频在设备上显示适当的宽度。

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

谢谢

【参考方案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