如何再html5中嵌入视频网站视频

如何在html5中嵌入视频网站视频

比起运用“video”元素播放本地视频，直接嵌入视频网站的视频是一种既帅气又酷炫的方式。之前一直找不到正确方法把视频网站的视频嵌入html5，后来偶然解锁了嵌入视频的标准姿势，简单到比你想象的还简单，甚至不用写代码。

闲话少叙，下面是正文，这里以bilibili和YouTube(需要科学上网)为例
第一步
访问bilibili，然后随便找一个视频，将鼠标悬停在“分享”上

第二部
在“嵌入代码”一栏点击“复制”，然后打开html文件，把代码复制进去
，记住要在视频地址前加上"https:"然后手动添加“width"和"height"特性

<iframe src="https://player.bilibili.com/player.html?aid=800657424&bvid=BV1Ay4y1i7Z6&cid=267939367&page=1" scrolling="no" frameborder="no" framespacing="0" allowfullscreen="true"width="1280"height="720">

看看效果

其实还是很容易的。
再来看一下youtube的嵌入方式，先找一个youtube视频，然后照例点击分享，再点击嵌入

再点击复制

然后把代码粘贴到html文件中，YouTube的嵌入代码不需要做任何修改，如果嫌太小，修改一下"width"和"height"特性的值就可以了。
看一下效果吧

网络上流传的"bilibili视频需要找‘aid’和‘cid’“还有什么YouTube视频要借助"YouTube API"其实完全没必要。以上所说的方法完全不涉及编程知识，相当傻瓜，省时省力。
国产其他视频平台的嵌入方法也大同小异，类似"优酷”,"爱奇艺"也都支持类似的代码嵌入，只不过现在bilibili在一定程度上已经战胜了其他平台，更多的网站也选择使用bilibili。而在国外，这种YouTube视频嵌入法也被诸多公司的网站采用，可以说范围相当广泛了。

如何再html5中嵌入视频网站视频相关推荐

html插入视频时不自动播放,html5中嵌入视频自动播放的问题解决
在h5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前根本觉得这不是问题,但是自己的项目中需要视频的时候就有点sb了,达不到老板的要求,那个急呀~~~ 各种查资料,找到一个方法, ...
html视频如何不自动播放,html5中嵌入视频自动播放的问题解决
在H5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前根本觉得这不是问题,但是自己的项目中需要视频的时候就有点sb了,达不到老板的要求,那个急呀~~~ 各种查资料,找到一个方法, ...
如何在Wordpress中加密保护网站视频和网页内容？
本教程将教您如何使用DRM加密软件来保护WordPress网站的视频/网页内容.保护WordPress的视频.文本.图像和JavaScript免受盗版. 在教育和众多商业领域中,Wordpress网站 ...
html嵌入视频mp4视频无法播放,html中嵌入mp4格式视频无法播放
我们在制作网页的时候经常会在网页中添加mp4格式的视频,但是我们会发现html中嵌入mp4格式视频无法播放,那么要怎么办呢?下面我们就一起去看看解决方法吧. 下面的这段代码是在我的test.html中 ...
HTML中嵌入B站视频
HTML中嵌入B站视频在网页中实现一个HTML播放器需要先从b站获取视频嵌入代码, 以前嵌入代码可以从视频分享那里拿到, 现在好像不行了必须是自己投稿的视频, 从投稿管理页面才能找到复制嵌入代 ...
python爬虫下载视频网站视频
python爬虫下载视频网站视频 xpath解析页面源码 requests.Session() 解决 status_code 302 网页重定向 selenium 获取网页遇到 iframe 标签解 ...
Python异步解析主流视频网站视频信息框架
aioVextractor Python异步解析主流视频网站视频信息框架开发文档 docker便捷部署 git clone https://github.com/panoslin/aioVextra ...
通过Vue+flvjs在HTML5中播放flv格式视频文件—demo及api
目前主流浏览器不能直接嵌入并且播放FLV文件,所以直接用video标签播放是行不通的. 因此提供两种解析方法嵌入一个swf媒体播放文件,并利用该文件来播放你预设的文件. 这里推荐dplayer--h ...
html中嵌入播放flash视频
html中嵌入flash视频,SWFObject嵌入的方式网上已经泛滥,这里只介绍一种方式,使用object嵌入的方式.个人使用后很好用,也很简单. 先上一个文件截图再上代码 <div id= ...

如何再html5中嵌入视频网站视频

如何在html5中嵌入视频网站视频

如何再html5中嵌入视频网站视频相关推荐

最新文章

热门文章