哔哩哔哩B站和腾讯分享的视频,宽高如何自适应(iframe)

大家好,我们给WordPress网站嵌套视频一般有两种方式,一种是mp4视频存放在网站服务器上,用video标签嵌套。

还有一种常见的方式,是把视频上传到腾讯视频、优酷视频、哔哩哔哩等视频网站,然后用视频分享的方式(iframe),把分享代码粘贴到WordPress文章里。

哔哩哔哩B站和腾讯分享的视频,宽高如何自适应(iframe) - bilibili2

这种iframe的方式有一个问题,视频的宽高是固定的,在手机上看还行,但在电脑浏览器上看视频宽高很小。如果把iframe的宽高调大,在电脑上看正常,但在手机上看不合适。

有没有两全其美的方式呢?让视频在手机和电脑上看做到宽高自适应,是可以的。通过自定义CSS的方式做到的,具体请看《WordPress主题公共课》,这种方式同样适用于腾讯视频的iframe分享。

哔哩哔哩B站和腾讯分享的视频,宽高如何自适应(iframe) - bilibili1

如果购买过WordPress主题教程的同学,可以免费获取《WordPress主题公共课》全额优惠券,还没有领取的同学可以私信我。

发表回复

请填写评论
请填写您的名字

最近流行

热点内容