More

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

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

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

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

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

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

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

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

    achair
    achair
    大家好,我是achair,这个网站主要和各位分享一些经验,包括WordPress教程、苹果Mac电脑使用、游戏、电脑、数码、影视、生活等。更多关于achair信息,请点击 关于achair

    发表回复

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

    -广告位-WordPress系列课程

    achair的课程目录

    最近流行