javascript - 试图让 anythingslider 视频响应

Question

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

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

我正在尝试让它像 http://inetwebdesign.com/responsive-video-tests/responsive-video-demo/flexslider/woothemes-FlexSlider-ca347d4/demo/video2.html 一样响应这有其自身的问题。

谢谢!

Answer 1

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

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

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

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

谢谢!