wordpress插入腾讯视频的方法

最新推荐文章于 2023-07-19 13:41:31 发布

转载最新推荐文章于 2023-07-19 13:41:31 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lixiuran/p/5248459.html

文章标签：

#php

本文介绍如何在WordPress中使用一段代码插入腾讯视频，避免安装额外插件，通过替换视频VID实现视频的显示，并提供了腾讯视频地址的示例。

wordpress插入腾讯视频的方法

最近网站需要插入腾讯视频，但是腾讯视频目前没有分享代码，只有分享到微信，qq，微博等具体选项。百度这个问题，貌似没有很好地解决办法，好像有两个插件可以使用，安装试用之后基本都失效了，而且我也不愿意因为插入腾讯视频而去安装一个插件。

于是乎，自己琢磨，机缘巧合之下，发现了下面的这段代码，使用方法基本和优酷代码类似。都是在文本模式下，在合适的位置插入代码。其中，每次都是替换视频VID以及修改视频显示大小。

代码如下：红色部分为视频VID

----------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------------------

以下面的视频地址为例：http://v.qq.com/page/q/j/u/q0137948tju.html

标红的就是视频VID，替换上面代码中的标红的VID即可。

wordpress插入腾讯视频的方法

转载于:https://www.cnblogs.com/lixiuran/p/5248459.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30851867

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

WordPress万能视频解析Mine Video Player视频播放器

T19900的博客

03-24

651

Mine Video Player 是一款强大的 WordPress 视频播放器插件，支持多种视频源解析，包括本地视频、外链视频、M3U8、MP4、FLV、YouTube、Bilibili 等主流平台的视频播放。该插件适用于影视站、教育网站、个人博客等需要嵌入和解析视频的 WordPress 站点。Mine Video Player 是一款功能丰富的 WordPress 视频播放器插件，支持多种视频格式与解析功能，适用于各种视频站点。

【Lighthouse教程】搭建WordPress博客

腾讯云服务器

11-27

778

背景概述我们本期【5分钟玩转Lighthouse】系列教程中，将为大家介绍如何借力腾讯云Lighthouse实例，快速搭建基于WordPress的个人博客网站。 WordPress 是全球最流行的开源的博客和内容管理网站的建站平台，具备使用简单、功能强大、灵活可扩展的特点，提供丰富的主题插件。腾讯云轻量应用服务器 Lighthouse 提供 WordPress 应用镜像，您可以使用它快速搭建博客、企业官网、电商、论坛等各类网站。目前腾讯云最流行的IaaS层产品莫过于Lighthouse（轻量应用服务器

参与评论您还未登录，请先登录后发表或查看评论

wordpress 插入php,wordpress插入腾讯视频的方法

weixin_42216454的博客

03-22

265

都失效了，而且我也不愿意因为插入腾讯视频而去安装一个插件。于是乎，自己琢磨，机缘巧合之下，发现了下面的这段代码，使用方法基本和优酷代码类似。都是在文本模式下，在合适的位置插入代码。其中，每次都是替换视频VID以及修改视频显示大小。代码如下：红色部分为视频VID----------------------------------------------------------------------...

wordpress 插入视频短代码支持优酷，土豆，ku6，youtube

一个人的软件艺术

11-14

2421

在wordpress中有很多种方法插入视频，当wp自带的插入视频又比较笨，当然也有一些插件像Wordpress Video Plugin,smart-video，这些插件用起来也很不 "听话"，你说我首页要输出摘要的，你也播放视频，这就不靠谱了….. 所以就自己动手下，做了几个短代码，直接插入视频，支持幽哭网，土豆片网，kuSix,一直被墙的youtube，在浏览该文章时插入视频。幽哭版： /** *短代码调用方式 *简单版：[youku code="XXX"] *默认视频大小为480X400,可添

wordpress文章嵌入视频的方式

it3140257561的博客

07-19

1334

wordpress文章嵌入视频的两种方式

wordpress插入bilibili视频

xiaohulidudu的专栏

10-24

1万+

在网页中使用iframe嵌入B站视频（腾讯视频同理）

热门推荐

DSH964的博客

07-08

5万+

先上效果：首先是自己的页面：点击图片后出现一个遮罩、遮罩上显示B站的视频：这个效果很常见，例如在索尼中国的网站中：点击图中的播放图标会出现腾讯视频的iframe窗口：那么下面来看代码：<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"&gt

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

粗浅的入门功夫

01-11

2382

在嵌入代码的后面加上： style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0; 也就是 <iframe src="//player.bilibili.com/player.html?aid=928620141&bvid=这里替换成自己的视频地址id号&cid=277141946&page=1" scrolling="no" border="0".

wordpress微信小程序源码知识付费可用

10-18

在描述中提到的“带小程序广告位，视频激励广告赚钱利器”，意味着这个源码支持在小程序内插入广告，通过展示广告来获取收益。这通常包括微信官方提供的小程序广告组件，如横幅广告、插屏广告、视频激励广告等。视频...

Cosy V3.1.3 简洁大气WordPress博客主题自适应个人自媒体网站模板（含积木部分插件）

普曼斯 – 最实用的互联网资源网站

07-12

409

源码下载地址：https://zy.prmath.com/111.html 简约是隐藏的精致，平滑是曲面的极致。更有范的设计，更完美的用户体验——Cosy 因你而生，为你而生。这是一款多功能的WordPress主题Cosy主题，丰富的布局以及令人赞叹的文章样式，无论是视频、文字、图片，都能得到淋漓尽致的展示；跨屏响应式布局，自动适应手机、平板、电脑等设备。直接进入主题今天给大家带来的是WordPress主题号称漂亮得不像实力派的Cosy主题，这个的破解花了小编团队很久的时间，但是到最后终于有了成效，给

wordpress如何在文章中插入视频

测试

07-29

3482

在写文章的过程中，为了让文章内容看起来更加丰富，我们有些时候会在文章中插入图片，当然偶尔也会插入视频，让文章内容变得更加吸引人。（方法见：wordpress网站如何插入自己的视频）插入视频建议操作是把自己视频上传到优酷、56、土豆等第三方视频平台。倘若把视频放在自己空间，那么视频对网站流量的要求就比较高，一般的网站很难实现，因此还是建议把视频上传到类似优酷这样的第三方视频平台...

如何在WordPress博客文章中轻松嵌入视频

cumohuo9136的博客

09-11

2032

Do you want to embed videos in your WordPress blog posts? Videos bring life to your website, and they are a great way to increase user engagement. 您是否要在WordPress博客文章中嵌入视频？视频使您的网站栩栩如生，是增加用户参与度的好方法。 ...

无需安装插件 WordPress插入html5视频

autumn20080101的专栏

04-08

2046

无需安装插件 WordPress插入html5视频潇洒哥 2013-08-28 16:14:39 之前写过一篇文章是用插件插入html5优酷视频的方法，需要插件，今天又发现另一种方法。虽然好用但是需要输入很长一段代码，不过你可以保存下来，只要改视频中的ID即可。这方法的好处即支持flash的用flash播放，不支持的用html5播放。代码如下。 http://player

腾讯视频和优酷视频怎么嵌入网页的方法

侯春强的博客

06-01

6597

1.腾讯视频插入网页方式: 代码： pc841.com&width=500&height=375&auto=0" allowfullscreen="" frameborder="0" height="375" width="500"> 红色部分为此视频的id地址，只需要更换id即可。比如：http://v.qq.com/x

微信小程序-调用-腾讯视频-解决方案

alianada的博客

01-15

1万+

转载自：https://blog.youkuaiyun.com/sd19871122/article/details/80635181 1、首先我们从腾讯视频网站上找到一个视频网页的连接，格式是这样的 https://v.qq.com/x/page/b0136et5ztz.html 上面我标红色的是视频的vid 2、我们把vid放到接口地址上变成 http://vv.video.qq.com...

iframe内容适应div大小_使用<iframe>方式在WordPress中插入视频并自适应屏幕尺寸

weixin_40001967的博客

12-01

727

工作室今天发布了一篇文章，需要插入一段视频，说起来也不是多大的事情，国内很多主题都直接带视频插入功能（比如Kratos），也可以采用插件的方式（比如Smartideo），当然也可以使用今天提到的方法。PS：就在我写下这篇文章时，Kratos进行了大升级，设置变更太大了，以至于网站的主页内容全部消失了，并且之前贴的所有优酷视频也无法播放。而Smartideo因为其他插件禁用Embeds功能前端无法显...

wordpress插入bilibili视频并在首页形成缩略图

最新发布

03-13

<think>好的，用户想在WordPress网站中嵌入Bilibili视频，并让视频在首页显示为缩略图。我需要分步骤解决这个问题。首先，嵌入Bilibili视频通常可以用iframe或者WordPress的嵌入功能。Bilibili提供了分享代码，可以直接复制嵌入代码到文章里。但用户可能不太清楚具体步骤，需要详细说明如何获取和插入代码。然后是生成首页缩略图的问题。WordPress默认会使用文章中的第一张图片作为缩略图，但Bilibili视频没有图片，所以需要手动设置。用户可能需要安装插件来自动获取视频缩略图，或者手动上传特色图像。另外，可能需要使用函数钩子来捕获视频中的封面图，并设置为文章的特色图片。还要考虑插件选择，比如使用IFrame插件来确保视频正确嵌入，或者用oEmbed插件简化嵌入过程。另外，缩略图生成可能需要用到GD库，但WordPress本身处理图像可能需要插件辅助，比如Featured Image Generator之类的插件，或者自定义代码从Bilibili的API获取封面。需要注意用户的技术水平，尽量推荐插件而不是手动编码，除非用户有开发能力。同时提醒用户注意视频加载可能影响网站速度，建议懒加载或缩略图优化。最后，检查步骤是否全面，是否需要分点说明，确保每个环节清晰，比如嵌入视频和生成缩略图分开讲解，可能还要测试代码是否正确，引用相关的资料或插件文档。</think>要在WordPress中嵌入Bilibili视频并生成首页缩略图，可以通过以下步骤实现： --- ### 一、嵌入Bilibili视频 1. **获取视频嵌入代码** 在Bilibili视频页面点击「分享」→「嵌入代码」，复制形如以下的代码： ```html <iframe src="//player.bilibili.com/player.html?bvid=BV1xx411c7BF&page=1"></iframe> ``` 2. **插入WordPress编辑器** - 在文章编辑界面切换为「HTML」模式 - 将复制的iframe代码粘贴到目标位置 - 建议安装「Advanced iFrame」插件优化显示效果[^1] --- ### 二、生成首页缩略图 #### 方案A：手动设置特色图像 1. 在Bilibili视频页面右键点击封面图「另存为」 2. 上传到媒体库并设置为「特色图像」 #### 方案B：自动抓取封面（需编码） ```php // 在主题的functions.php中添加 function set_bilibili_thumbnail($post_id) { $content = get_post_field('post_content', $post_id); preg_match('/bvid=([A-Za-z0-9]+)/', $content, $matches); if (!empty($matches[1])) { $cover_url = "https://api.bilibili.com/x/web-interface/view?bvid=".$matches[1]; $response = wp_remote_get($cover_url); $data = json_decode(wp_remote_retrieve_body($response)); if(isset($data->data->pic)) { media_sideload_image($data->data->pic, $post_id); } } } add_action('save_post', 'set_bilibili_thumbnail'); ``` --- ### 三、首页显示优化 1. 安装「Post Thumbnail Editor」插件调整缩略图裁剪比例 2. 在主题文件中确保调用： ```php <?php if (has_post_thumbnail()) : ?> <?php the_post_thumbnail('medium'); ?> <?php endif; ?> ``` ---