More

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

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

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

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

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

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

    achair
    achair
    achair的微信和QQ号都是 368537, WordPress教程公众号: WPvideo,更多请点击 关于achair

    发表回复

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

    -广告位-

    achair推荐

    我的MacBook Pro都装了这些软件 2019版

    用MacBookPro年头多了,如果想把MacOS X作为主力机(半商务、半技术用),软件关是必须得...

    阻止iPhone自动下载更新iOS13的tvOS beta描述文件不能用了怎么办...

    2020年2月13追加 最近收到一些小伙伴的反馈,说之前iOS12的描述文件失效了,不能用了。而且...

    achair推荐“叶子登录器” 一键拥有9万苹果Mac软件

    大家好,这次推荐和WordPress没有直接关系,有间接关系,估计很多同学用的是苹果的Mac电脑。 ...

    achair“全部WordPress课程”学习顺序和购买优惠

    大家好,achair的《WordPress课程》,现在课程数量有点多,以后还会增加新课程和新课时,刚...

    WordPress主题正版授权官方购买链接:Avada,BeTheme,RT-T...

    大家好,在教程中经常出现Avada主题、BeTheme主题,这些主题是从哪来的?它们的官方购买地址是...

    achair推荐“SiteGround主机”作为“WordPress当前首选虚机...

    大家好,用WordPress做网站,目前推荐使用SiteGround主机,现在是2019年12月。 ...