我的网站上有一个RTE,允许用户在视频中嵌入iframe。问题是,当使用嵌入iframe时,它会自动将高度和宽度设置为静态大小,这在移动设备上不起作用。 如何在不知道元素的实际宽度和高度的情况下搜索和替换字符串的width和height元素的内容?
以下是我想要做的一个例子:
我从视图中收到了这个:
<iframe src="someyoutubevideo" height="100px" width="150px"/>
我想将其替换为:
<iframe src="someyoutubevideo" height="auto" width="100%"/>
高度和宽度可能会有所不同,因此简单的搜索和替换无法正常工作
答案 0 :(得分:0)
我会在客户端使用jQuery执行此操作。这样的事情会做到:
$(function(){
var $myIFrame = $("iframe[src*='youtube']");
$myIFrame.prop("height", "100");
});
免责声明:我多年没有做任何网络编码,CSS可能是一个更好的主意。