首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用短代码的视频大小和边框半径

使用短代码的视频大小和边框半径
EN

WordPress Development用户
提问于 2020-03-25 17:57:36
回答 1查看 463关注 0票数 2

How我可以从 标记中删除 style attribute吗?

我使用视频短代码在首页嵌入了一个视频,并使用CSS对其应用了border-radius。看起来不错。

我在functions.php中稍微修改了视频短代码:

代码语言:javascript
运行
复制
add_filter( 'wp_video_shortcode', function( $output ) {

    $output = str_replace( "

CSS:

代码语言:javascript
运行
复制
#video-246-1_html5{
pointer-events: none !important;
border-radius: 20px !important;
background: #f4f4f4;
}

The问题:

在手机上,我希望视频宽度是200 to。当我用CSS将视频缩小到200 to时,它失去了边框半径,边缘再次变得锋利。

我已经试过了我想过的一切。我还注意到标记有一个

代码语言:javascript
运行
复制
style="width= X; height: X;"

-attribute,这与border-radius相关。

因此,基本上,how可以从 标记中删除 style attribute吗?(或者以其他方式缩小视频,同时保持20 So边框半径)。

链接到页面:网版

EN

回答 1

WordPress Development用户

回答已采纳

发布于 2020-03-25 19:57:17

我认为这是因为当你缩小视频的宽度时,高度仍然和以前一样,边框半径不会影响。见以下图片:

你看到在图像中,当我离开高一点的视频时,边缘的半径看起来是怎样的吗?

我认为一种解决方案是,除了将宽度更改为200 in之外,还可以将高度更改为与您在下面的图像中看到的相同或相似的高度。

试一试,让我知道这是否有用:-)

票数 1
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/361446

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档