在wordpress中插入b站视频的代码

已于 2024-03-07 12:37:05 修改
阅读量2k 收藏 3
点赞数 3
文章标签： 阿里云 服务器 云计算 网络
于 2021-01-11 23:36:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43837883/article/details/112503809
版权

在这里插入图片描述
在嵌入代码的后面加上：

 style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0;

也就是

<iframe src="//player.bilibili.com/player.html?aid=928620141&amp;bvid=这里替换成自己的视频地址id号&amp;cid=277141946&amp;page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0;"> </iframe>

这样能在文章页铺满显示

阿里云服务器优惠活动及详细教程：syunz.com/act/aliyun
腾讯云服务器优惠活动及详细教程：syunz.com/act/qcloud

正宗六脉神剑
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
wordpress中嵌入B站视频自适应显示
粗浅的入门功夫
01-24 1083
只记录了代码， 参考自网络，也不知道是哪一篇了 放在css中的： .smartideo { z-index: 0; text-align: center; background: #CCC; line-height: 0; text-indent: 0; } .smartideo embed, .smartideo iframe { padding: 0; margin: 0; } .smartideo .player { width: 100%; height: 500px; overflow: hidd
wordpress插入bilibili视频
xiaohulidudu的专栏
10-24 9466
bilibili是中国大陆一个ACG相关的弹幕视频分享网站，也被称为哔哩哔哩、B站，其前身为视频分享网站Mikufans。
wordpress里面嵌入哔哩哔哩视频的方法
最新发布
fofu33的专栏
06-06 461
非常的难受，就需要更改一下代码。我们正常如果从blibli获取视频分享链接然后在wordpress里面视频URL插入，发现是播放不了的。将里面的aid值换成你自己的就可以了。下面是我嵌入后的视频效果。而视频嵌入代码直接粘贴呢窗口又非常的小。或者你直接用下面的直接更改。
【html+css+js】如何轻松在网页中嵌入b站视频？
归忆_AC的博客
08-09 5948
教你轻松上手在网页中嵌入b站视频，简单的运用了html+css+js的知识，看不懂的直接按部就班也行。
B站视频嵌入博客文章的自适应代码
软希网分享源码的博客
11-07 1438
B站视频嵌入博客文章的自适应代码
WordPress B站和A站视频插入文章
黑风leisure
05-11 783
因为之前引入B站上面的视频至文章，复制了官方提供的代码，提供的效果不理想，所以在网上找到了方法，分享给大家！ 插入B站视频代码 插入ACfun视频代码 文章来源:https://wuzuhua.cn/726.html ...
wordpress博客搜索关键词高亮显示实现代码
09-29
在这个JavaScript代码中，我们创建了一个正则表达式来匹配关键词，同时确保不会影响原有的HTML标签。`highlight`方法会遍历`#post-area`选择器下的所有元素，并在找到关键词时，用`<strong>`标签包裹起来，添加`hls`...
深入了解WordPress.pdf
01-19
- **文档资源**：附录B列出了官方文档和其他有价值的资源链接，便于用户获取更多关于WordPress的信息和支持。 - **案例研究**：附录C和D展示了多个使用WordPress建立的成功博客案例，这些例子可以作为灵感来源和实践...
wordpress广告插件Quick Adsense 支持点击弹窗的wordpress广告插件
09-03
2. **配置设置**：在WordPress后台找到Quick Adsense插件的设置页面，配置广告代码、插入位置、显示规则等参数。 3. **添加广告**：输入或复制广告代码到插件提供的广告框中，选择广告类型，并设置广告尺寸。 4. *...
WordPress文件下载管理插件
10-17
日志中添加下载：大家可以看到当你激活该插件后“添加新文章”时会多一个“下载”选项图标，点击以后只需填入阿拉伯数字，然后在页面中会插入[download id="ID"]，此阿拉伯数字即为ID（你添加下载文档时的ID）。...
向文本添加HTML源代码.zip
08-10
而在WordPress等CMS（内容管理系统）中，你可以直接在编辑器中输入HTML，或者使用“文本”视图来编辑源代码。 6. 验证和调试HTML 确保HTML代码符合标准很重要，可以使用W3C的验证工具进行检查。如果遇到问题，...
WordPress通过短代码插入bilibili视频
y223421的博客
05-08 825
Bilibili 是国内知名的视频分享平台，上面有很多精良而又有趣的视频。一些人喜欢(比如我)把B站视频通过iframe插入网页上，但代码大长(约230个字符)。于是为了方便大家，我堤供一个在WordPress通过短代码插入bilibili视频的教程。
HTML中嵌入B站视频
小电车没有名字
02-16 3872
HTML中嵌入B站视频
网页嵌入b站视频资源
爱吃桃儿的冰冰的博客
07-26 1074
b站资源网页嵌入代码
wordpress文章嵌入视频的方式
it3140257561的博客
07-19 988
wordpress文章嵌入视频的两种方式
博客嵌入可以自适应的b站视频
年少的勇气已经用完，剩下的就是三思而后行
06-08 1847
写博客的时候准备插入一个B站视频，发现B站点击分享会提供iframe嵌入视频，直接复制代码。 添加到了博客里，然而它默认的样式只有很小的一块，还需要手动添加width和height属性，手动设置了固定的宽和高之后，显示正常，本以为大功告成。结果发下移动端边框超出。于是参考网上资料，有直接修改主题样式的，使之外嵌一个class样式，但是一直测试失败。尝试多次后，才找到合适的解决办法，使用也非常简单。 使用方法：只需替换第一行中的数字ID44020824 即可，所以每次只需插入B站视频av/XXXXXX的数字即
关于博客园内嵌入bilibili视频
点滴记忆
03-11 1135
原文：https://www.cnblogs.com/wkfvawl/p/12268980.html 一、原理 使用iframe标签，更改其中src对应bilibili视频的aid和cid，组装新的HTML源码，即可在文章内嵌入bilibili视频。 二、获取aid和cid aid为视频的av号，但是每个av号下不一定只有1p，所以B站用cid来管理视频的真正id，那么也可以说如果视频只...
【Bilibili视频嵌入技巧】如何嵌入720PBilibili视频
每日出拳老爷子的博客
11-16 4282
如果你需要将Bilibili的视频分享在别的论坛，Bilibili的视频分享有一个很方便的嵌入选项，点击后会自动复制嵌入视频前端代码到剪贴板。嵌入代码如下：
wordpress 在WordPress中构建自定义登录和注册页面 代码
06-13
以下是一个简单的示例代码，可以用于在WordPress中创建自定义登录和注册页面。您可以将此代码添加到您的主题的functions.php文件中，或者使用自定义插件来实现。 ``` // 创建自定义登录页面 function custom_login_page() { // 获取登录页面的URL $login_url = wp_login_url(); // 输出自定义HTML代码 echo '<div class="custom-login-page">'; echo '<h2>自定义登录页面</h2>'; echo '<form name="loginform" id="loginform" action="' . $login_url . '" method="post">'; echo '<p>'; echo '<label for="user_login">用户名</label>'; echo '<input type="text" name="log" id="user_login" class="input" value="" size="20" />'; echo '</p>'; echo '<p>'; echo '<label for="user_pass">密码</label>'; echo '<input type="password" name="pwd" id="user_pass" class="input" value="" size="20" />'; echo '</p>'; echo '<p class="submit">'; echo '<input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="登录" />'; echo '</p>'; echo '</form>'; echo '</div>'; } add_shortcode( 'custom-login-page', 'custom_login_page' ); // 创建自定义注册页面 function custom_register_page() { // 获取注册页面的URL $register_url = wp_registration_url(); // 输出自定义HTML代码 echo '<div class="custom-register-page">'; echo '<h2>自定义注册页面</h2>'; echo '<form name="registerform" id="registerform" action="' . $register_url . '" method="post">'; echo '<p>'; echo '<label for="user_login">用户名</label>'; echo '<input type="text" name="user_login" id="user_login" class="input" value="" size="20" />'; echo '</p>'; echo '<p>'; echo '<label for="user_email">电子邮件</label>'; echo '<input type="email" name="user_email" id="user_email" class="input" value="" size="20" />'; echo '</p>'; echo '<p class="submit">'; echo '<input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="注册" />'; echo '</p>'; echo '</form>'; echo '</div>'; } add_shortcode( 'custom-register-page', 'custom_register_page' ); ``` 这段代码创建了两个短代码：custom-login-page和custom-register-page。这些短代码将输出自定义HTML代码，包括登录和注册表单。您可以在WordPress中使用这些短代码来显示自定义登录和注册页面。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值