有时候网站上需要嵌入视频进行说明,我们可以通过引用自媒体平台的视频进行播放,比如西瓜视频,哔哩哔哩等,西瓜视频清晰度比较高,而且操作简单,生成代码,直接复制粘贴到网页中就可以使用。这里以引用B站视频为例,嵌入B站的视频代码,页面中显示的视频播放窗口很小,而且清晰度也很低,体验很差,必须手动修改一下视频嵌入代码才行。
原视频嵌入代码如下:
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113062044501892&bvid=BV1fmHveVEgU&cid=25690965574&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
增大窗口尺寸需要增加width,height设置。增加清晰度,可增加high_quality=1的参数,修改后代码如下:
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113062044501892&bvid=BV1fmHveVEgU&cid=25690965574&p=1&high_quality=1" width="100%" height="500" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
如果想关闭视频的自动播放可在src中加上&autoplay=0