当前位置:首页 > 技术 > 正文内容

在自己网站嵌入B站视频代码,如何禁止自动播放和如何定位播放!

Lavfun2年前 (2023-05-17)技术2056

很多人在 B站 上传视频后,都会有转发到自己网站 或 个人博客的需求,B站也提供了一键复制网站嵌入代码,可以很方便的把B站的视频,引用转发到自己需要播放该视频的网站中去。B站视频播放页,有视频分享功能,可以很方便的 一键复制分享视频 代码,如下图所示:

20230517173348.jpg

但有个问题!在B站,直接复制的视频嵌入代码,默认情况下:是会自动播放视频的。一般网站访问者,都不太喜欢在浏览网页时,打开一个网页就自动播放视频和声音的,因为,这也太突然、太打扰了吧。。。


一、如何禁止B站视频自动播放!

有什么方法,让调用的b站视频不要自动播放吗?当然有方法:

1. 如果要让引用的视频不自动播放,只要在src链接尾部,添加参数 &autoplay=0 就行,如下所示:

<iframe src="//player.bilibili.com/player.html?aid=927246340&bvid=BV1xT4y1c75o&cid=238186831&page=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>


2. 如果要让引用的视频自动播放,只要在src链接尾部,添加参数 &autoplay=1 就行,如下所示:

<iframe src="//player.bilibili.com/player.html?aid=927246340&bvid=BV1xT4y1c75o&cid=238186831&page=1&autoplay=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>



二、如何让B站的视频,在指定位置开始播放!

如果想要让引用的 B站 视频,从指定的某分某秒处开始播放,

可以在视频网址链接尾部,添加参数 &t=多少秒 就行,如下所示:

http://player.bilibili.com/player.html?aid=927246340&t=221

&t=多少秒,就会从多少秒处开始播放,比如要从 3分41秒 处开始播放视频,就是 &t=221  

【计算方式是: 60*3=180秒  再加41,就是221秒! 所以填入 &t=221,就是从 3分41秒 处开始播放视频。】


三、使用更加干净清爽的移动端播放器:

就是将iframe链接中的:

//player.bilibili.com/player.html

替换成:

//www.bilibili.com/blackboard/html5mobileplayer.html

 即可。


四、常用参数

  • 是否自动播放(默认否):autoplay 

  • 默认弹幕开关(默认开启):danmaku 

  • 是否默认静音(默认否):muted 

  • 一键静音按钮是否显示(默认不显示):hasMuteButton 

  • 视频封面下方是都显示播放量弹幕量等信息(默认显示):hideCoverInfo 

  • 是否隐藏弹幕按钮(默认不隐藏):hideDanmakuButton 

  • 是否隐藏全屏按钮(默认显示):noFullScreenButton 

  • 是否开始记忆播放(默认开启):fjw 

  • 默认开始时间(单位秒,默认0):t 

  • 是否显示高清(默认否):highQuality(无用的,因为除了参数外它还判断了网址是否来自bilibili)


扫描二维码推送至手机访问。

版权声明:本文由 声光视趣 - lavfun.com 发布,如需转载请注明出处。

本文链接:https://www.lavfun.com/technical-forum/82.html

分享给朋友:

相关文章

iframe,object,embed标签嵌入视频后,宽高度自适应的css技巧

iframe,object,embed标签嵌入视频后,宽高度自适应的css技巧

有时网站后台发布转载文章,而文章中带有视频,这个视频通常是采用iframe方式嵌入的。如下代码:<iframe src="视频地址" frameborder="0" ...

HTML图文内容快速另存/转换为Word文档的Docx格式的方法

HTML图文内容快速另存/转换为Word文档的Docx格式的方法

有时候,出于收集资料、收藏资料等目的,可能需要将网页上的图文内容保存下来,而且希望在有需要的时候可以对内容进行一定的编辑,那么保存为.docx的word文档会是最佳选择,那怎么才能把html网页里的图文内容快速保存为docx的word文档呢...

html页面引用video.js播放m3u8格式视频

//head里面的内容,我是采用cdn引用的方式,因为项目太小 <head> <meta charset="utf-8" /> <title>页面标题&l...

html符号/网页特殊字符大全-依据官网整理,值得收藏

符号对应的代码tab键&Tab;换行&NewLine;&&amp; &AMP;!&excl;"&quot; &QUOT;#&num;$&dollar;...