2020-04-19-如何在博客中添加视频链接

layout	title	subtitle	date	author	preview-img	header-img	catalog	istop	music-id	music-idfull	apserver	aptype	apsongid	tags
post	如何在博客中添加视频链接	video	2020-04-19	陈锐CR	/img/watchdog.jpg	img/post-bg-desk.jpg	true							video Blog

在博客中添加视频链接地址

在很多时候，视频的指导将是更有利的教程。于是，我再B站和腾讯视频上已经上传了部分学习资源。于是，当我建立博客后，我会利用博客来记录和分享一些学习内容，这里将是我的主要学习网页。

以下是Mark视频插入链接的代码块。将学习资料上传到各个视频平台后，通过视频底部分享即可获取视频地址。

B站：

原始代码块：//<iframe src="//player.bilibili.com/player.html?aid=882681737&bvid=BV1qK4y1r72j&cid=174301383&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

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

显示效果是这样的。

通过修改后：

$<iframe src="//player.bilibili.com/player.html?aid=882681737&bvid=BV1qK4y1r72j&cid=174301383&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left:0;top0;"> </iframe>

注释添加以上代码，把最前面的//去掉和修改src的链接即可。

效果是这样的。

<iframe src="//player.bilibili.com/player.html?aid=882681737&bvid=BV1qK4y1r72j&cid=174301383&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left:0;top0;"> </iframe>

腾讯视频：

原始代码块：//<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=m0953sd5uy8" allowFullScreen="true"></iframe>

修改代码块：//

<iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=m0953sd5uy8&width=500&height=375&auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe>

显示效果如下：

<iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=m0953sd5uy8&width=500&height=375&auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe>

优酷：

原始代码块：//<iframe height=498 width=510 src='https://player.youku.com/embed/XNDE5MDAyNDE0OA==' frameborder=0 'allowfullscreen'></iframe>

<iframe height=498 width=510 src='https://player.youku.com/embed/XNDE5MDAyNDE0OA==' frameborder=0 'allowfullscreen'></iframe>

---

谢谢大家观看，如有帮助，来个喜欢或者关注吧！

---

本文作者：Chen Rui

博客地址 ： Chen Rui Blog
知乎地址 : 知乎专栏
B站地址 : B站主页
书店地址 : 书店主页
简书地址 : 简书主页
CSDN地址 : csdn主页
学术导航 : 导航主页