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
|
|
在博客中添加视频链接地址
在很多时候,视频的指导将是更有利的教程。于是,我再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 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主页
学术导航 : 导航主页
2020-04-19-如何在博客中添加视频链接相关推荐
- 如何在51cto博客中添加QQ链接
第一步:登陆http://wp.qq.com/index.html该网站,输入你自己的QQ账号和密码 第二步:看截图: 把图中标颜色部分的代码复制出来,代码如下: http://sighttp.qq. ...
- 在CSDN博客中添加量子恒道统计功能的做法
作者:朱金灿 来源:http://blog.csdn.net/clever101 什么是量子恒道统计?量子恒道统计是一套免费的网站流量统计分析系统.致力于为所有个人站长.个人博主.所有网站管理者.第三 ...
- 【转】在你的博客中添加Google地图(Use Google Map API On Your Bolg)
在你的博客中添加Google地图(Use Google Map API On Your Bolg) *+申请一组 Google Maps API Key 在使用 Google Maps API 之前, ...
- hexo博客中添加categories分类
title: hexo博客中添加categories分类 date: 2020-04-01 16:45:16 tags: hexo categories: 学习 方法如下: 在根目录下scaffold ...
- 如何在博客中添加Aplayer音乐播放器
前言 是否有一首音乐,前奏一响起,让你灵魂不自主的颤栗.音乐就像老胶卷,每个旋律,每句歌词,都承载着每个人的往事回忆和情愫感受. 我收藏了好多的音乐,奈何好多音乐受版权限制,需要购买VIP才能听,还有 ...
- 博客中添加动漫妹子,总有一个适合你,嘿嘿嘿!
常喜欢逛博客的你,是不是会碰到一些有意思的东西,有很多博客网站都有一个卡通人物,它一直盯着你鼠标移动的地方,俗称看板娘. 是不是好想拥有她? 今天就来讲讲如何在自己的博客中添加类似的功能.如果你的数学 ...
- jekyll个人博客中添加音乐播放插件
方法一: 环境要求 jekyll 七牛 开始使用 step1 首先下载这个文件open-embed.html,右键,另存为Html;下面是源码,也可以复制保存下面的源码; <style> ...
- 如何在新浪博客中添加JavaScript代码
新浪博客中不能包含JavaScript代码和IFrame的代码.如果要在博客中加入像Google的广告之类的JavaScript代码,一般的方法是不行的. 今天试了一上午,搞定了. 原理:将JavaS ...
- 如何在csdn博客中插入视频或gif
1.打开优酷,在"分享给朋友"中复制flash地址: http://player.youku.com/player.php/sid/XMjc4ODUzNzE0NA==/v.swf ...
最新文章
- 多线程-010-后台线程
- Django框架进阶
- 函数计算如何访问 PostgreSQL 数据库
- 多线程:生产者消费者问题
- 中国内窥镜光学物镜市场趋势报告、技术动态创新及市场预测
- 基于STM32的超声波避障小车
- 如何将scratch游戏打包成APP
- js判断数组是否为空
- cwRsync的安装与配置用法
- 第十届泰迪杯数据挖掘B题:电力系统负荷预测分析--解题思路与部分代码03
- 解决戴尔电脑耳机插入后无效,外放正常的问题
- 网站优化的常用SEO方法
- 富贵不压重发_俗语“贵人不顶重发”,重发是啥意思?为什么这样说?
- 谈谈win10的简单美化
- 基于 Node.js + Koa 构建完整的 Web API (配置 ESLint 和使用 Airbnb 编码规范)
- matlab——GUI概念
- 实时最新中国省市区县geoJSON格式地图行政边界数据Echarts地图数据(可精确到街道级)
- c语言野指针导致问题,C语言进阶之路(三)----野指针的产生原因及解决办法
- 记一次海康威视的面试经历
- 现在的网页该不该兼容IE6/7
热门文章
- 为什么 200M 宽带,打王者荣耀还是会有 460 的延迟?
- 我的微信被限制使用了!
- debian修改字体
- java word apache poi 操作word模板。
- java实现视频文件转换为flv(带文件缩略图)_java实现视频文件转换为flv(带文件缩略图)...
- 汉堡大学计算机科学,汉堡大学
- 【PowerQuery】在Excel中手动刷新数据连接
- powerquery分组_PowerQuery分组返回所有行之后还原列顺序
- python二次开发ug_Siemens NX (UG)中对于Python第三方包(函数库)的设置方法
- Android-茫茫9个月求职路,终于拿满意offer