个人网站引入B站视频播放，个人博客播放B站视频。【1080P】

最近想在个人博客播放我在B站上面的视频，花了三个下午，终于做好了。
有兴趣的可以先看看最终效果： https://www.xdx97.com/video

1、代码如下

<html>
<head>
<title>播放B站视频</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="关键字" />
<meta name="description" content="本页描述或关键字描述" />
</head> <style>body{display: flex;justify-content: center;}.video{width: 1200px;height: 800px;border: 1px red solid;}</style>
<body> <div class="video"><iframe  src="https://player.bilibili.com/player.html?aid=95712170&bvid=BV11E411V7p8&cid=163401832&page=1&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"style="height: 100%;width: 100%;" > </iframe></div></body>
</html>

2、自定义视频播放

<iframe src="//player.bilibili.com/player.html?aid=94996320&bvid=BV1YE411T7Rc&cid=162171640&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

我们取出 src 里面的内容，然后加上前缀 https: 加上后缀 &high_quality=1

最后得出我们的 url ，替换到前面的代码里面去就好了。这个后缀就是为了达到 1080P

https://player.bilibili.com/player.html?aid=94996320&bvid=BV1YE411T7Rc&cid=162171640&page=1&high_quality=1

个人网站引入B站视频播放，个人博客播放B站视频。【1080P】相关推荐

SEO优化：什么是SEO链轮？站群与博客群的优劣比较！
SEO链轮是指通过在互联网上建立大量的独立站点或是在各大门户网站上开设博客,这些独立站点或是博客群通过单向的.有策略.有计划紧密的链接,并都指向要优化的目标网站,以达到提升目标网站在搜索引擎结果中的排 ...
隐藏a标签seo_百度SEO网站整体优化方案 - 蜘蛛池博客
原出处:蜘蛛池博客原文链接:百度SEO网站整体优化方案 - 蜘蛛池博客正常情况下单独优化网站的某一个点无法让网站发挥出最大的seo效果,通过对网站进行系统化诊断,以详尽的实用的网站seo整体优化方 ...
WordPress博客程序建站安装教程
WordPress是广大站长使用的一款博客开源程序,全球下载量第一的博客程序就是wordpress.wordpress可以安装各种模板,企业模板.博客模板.论坛模板,模板也叫主题.还可以安装各种插件, ...
个人博客网建站优化经验总结（上）
先给大家描述一下我创建的类博客网站的总体情况,也可说是本文的精华摘要: l 总体架构:腾讯云服务器+nginx+wordpress+php+mysql+七牛云存储 l 云服务:腾讯云服务器+七牛 ...
HTML5期末大作业：个人网站设计——自适应个人相册展示留言博客模板(6页) HTML+CSS+JavaScript...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
从团购网的漏洞看网站安全性问题 -- 安全 -- IT技术博客大学习 -- 共学习共进步！...
从团购网的漏洞看网站安全性问题 -- 安全 -- IT技术博客大学习 -- 共学习共进步!: "" (Via.) 转载于:https://www.cnblogs.com/devo ...
与梦城Typecho博客数据站+API站
简介: 由于与梦城博主的主机过期,所以出售了自己的博客数据,这个"梦与城"'博客数据站+API站+数据库,我是从别人手中中花了几百块钱买来的,由于没有CDN以及自己能力问题没能把A ...
hexo博客插入图片与视频方法
hexo博客插入图片与视频方法在博客中插入视频和图片能让人通俗易懂,生动形象.下面是我找到的一些方法. 图片插入 Hexo有多种图片插入方式,可以将图片存放在本地引用或者将图片放在CDN上引用. 本 ...
五个建站首选的博客网站CMS平台
博客到底是什么?它基本上是一个有"帖子"索引的网站,有日期,通常按时间反向排序.但博客的作用远不止于此.博客可以作为营销工作的中心枢纽,人们阅读内容并留下评论的地方,或者管理电子邮 ...

个人网站引入B站视频播放，个人博客播放B站视频。【1080P】

1、代码如下

2、自定义视频播放

个人网站引入B站视频播放，个人博客播放B站视频。【1080P】相关推荐

最新文章

热门文章