1

我正在尝试使视频具有响应性。视频可以正常工作而无需尝试使其响应：http://inetwebdesign.com/AnythingSlider-master/video2.html#&panel1-1，但是当我放 expand: true 时，图像无法很好地缩放，并且视频开始闪烁：http: //inetwebdesign.com/AnythingSlider-master/video3.html#&panel1-1。我试图将媒体查询放在任何高度和宽度的anyslider.css 中，但滑块不响应css 中的媒体查询。我还尝试了 max-width:100%、height:auto 或特定像素的高度，仍然没有。

关于如何使这项工作的任何想法？

我试图让它像http://inetwebdesign.com/responsive-video-tests/responsive-video-demo/flexslider/woothemes-FlexSlider-ca347d4/demo/video2.html一样响应，它有自己的问题。

谢谢！

4

1 回答 1

0

我会把它放在评论中 - 因为它不是一个完整的答案 - 但我没有足够的代表 - 对此感到抱歉。

我想我会尝试在 javascript 中操作它，而不是期望它自动工作。

调整嵌入元素的大小似乎工作正常，所以我会尝试执行以下操作：1）计算初始窗口大小 2）调整大小时 a）按比例调整包含项目的 li b）调整 iframe 中嵌入元素的大小

我认为这应该没有任何闪烁。

谢谢！

于 2013-09-09T17:43:27.627 回答