如何再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视频嵌入法也被诸多公司的网站采用，可以说范围相当广泛了。