在我的申请中,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设备上显示视频
我必须做什么视频在设备上显示适当的宽度。
我尝试了很多但没有解决它然后来到这里。
由于
答案 0 :(得分:0)
使用媒体查询
对于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
}