通常情况下,要将bilibili(哔哩哔哩)视频插入到WordPress文章中,你可以按照以下步骤操作:

  1. 获取B站视频的嵌入代码:

前往B站,找到你想要嵌入的视频。

在视频页面下方找到“分享”按钮,并点击它。

在分享选项中,选择“嵌入”(Embed)。

复制嵌入代码,这通常是一段HTML代码。

  1. 将嵌入代码添加到WordPress文章中:

登录你的WordPress后台。

创建一个新的文章或编辑现有文章。

切换到“文本”编辑模式,这样你可以粘贴HTML代码。

将复制的B站视频嵌入代码粘贴到文章中的适当位置。

  1. 使嵌入的B站视频自适应:

为了让B站视频在WordPress文章中自适应容器的宽度,你可以添加一些自定义CSS样式。

你可以在WordPress主题的自定义CSS选项中添加以下样式,或者使用一个自定义CSS插件:

css

iframe {

width: 100%;

height: auto; /* 或者你可以设置一个具体的高度值,但使用auto通常更好以实现自适应 */

}

这段CSS代码会使iframe元素(即B站视频的嵌入框)的宽度自适应其父容器的宽度,高度则根据视频的宽高比自动调整。

  1. 保存并预览文章:

保存你的文章更改。

预览或发布文章,你将看到B站视频已经嵌入到文章中,并且会根据容器的宽度自动调整大小。

  1. (可选)调整视频的其他设置:

如果你想进一步调整视频的设置,比如禁止自动播放或更改弹幕设置,你可以在嵌入代码的src属性后面添加相应的参数。例如,要禁止自动播放,你可以在URL的末尾添加“&autoplay=0”。

最后,以上步骤可能因WordPress版本和主题的不同而有所差异。如果你对自定义CSS不太熟悉,或者遇到任何问题,可以请一个WordPress开发者或设计师来协助你。另外,请确保你的WordPress主题没有覆盖上述样式,以免发生冲突。