微信小程序播放bilibili视频

最新推荐文章于 2024-08-01 21:09:24 发布

chenjingxie0276

最新推荐文章于 2024-08-01 21:09:24 发布

阅读量7.7k

点赞数 3

文章标签：开发工具

原文链接：https://my.oschina.net/u/2349863/blog/755980

版权

微信小程序播放B站视频

前端代码 wxml文件

<view class="body-view" style="text-align: center;">
<video src="{{vid}}"></video>
</view>
后端代码 js文件
Page({
data:{
vid: "http://cn-sdjn-cu-v-02.acgvideo.com/vg5

/f/eb/10312639-1-hd.mp4?expires=1476016800&ssig=bAzkxMiGJylxuXg_viWxDA&oi=1866712164&rate=400000"
}
})

转载于:https://my.oschina.net/u/2349863/blog/755980

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chenjingxie0276

关注关注

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

把 B 站的视频弹幕搬到小程序中，这项技术可以轻松搞定

cloud_minapp的博客

07-17

979

作者｜知晓云 2019 年 12 月，Bilibili（ B 站）公布了 2019 年度弹幕，「AWSL」荣登榜首。此外，「泪目」、「名场面」、「妙啊」等弹幕也入选了十大弹幕热词。弹幕，日本弹幕视频分享网站（ niconico 动画）的舶来品，由 AcFun（A 站）和 Bilibili （ B 站）引进到国内并盛行。今天，中国各大视频网站都开始增加弹幕功能，弹幕已然成为年轻人需要的一种观影体验。 awsl 源于「啊，我死了」的拼音缩写，是对幸福、喜欢、兴奋等各种喜爱之情的情绪表达弹幕的应用弹幕是悬浮

微信小程序实现bilibili小程序简单页面源码

04-23

在微信小程序中实现Bilibili（哔哩哔哩）的小程序简单页面，是初学者学习微信小程序开发的一个好项目。这个项目可以帮助开发者了解微信小程序的基本结构、组件使用以及与Bilibili API的交互。以下是对这个项目的详细...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序开发中的视频播放和直播功能

08-01

1543

通过自定义样式和控件，可以实现更个性化的播放器界面。

2021-10-18

qq_50029666的博客

10-18

1296

解决微信小程序中哔哩哔哩视频无法播放问题第一次接触制作微信小程序，被安排解决开发过程中遇到的哔哩哔哩视频无法播放的问题，才开始一头雾水，不止从哪下手，但通过不懈努力终于知道了。 1.微信小程序的视频链接必须是视频的源地址，网页地址不可以，在这里就需要搞清楚源地址的格式：aid,cid等等分别都表示什么 2.从微信开发者工具的控制台可以看出，人家确实用的源地址，只不过源地址不完整，当我补充完整的时候，仍然无法播放 3.后来随便了个其他视频的源地址，腾讯视频，竟然可以播放了!注意，这个腾讯视频的源地址不是在腾

微信小程序实现b站首页和视频详情页

05-17

通过微信小程序实现b站手机版首页和点击指定视频跳转到视频详情的页面。首页主要包含搜索顶部，页面导航栏，推荐视频板块；视频详情包含视频播放，简介、视频相关推荐和用户评论模块

bilibili微信小程序

09-04

bilibili微信小程序，大家一起来学习啊。bilibili微信小程序，大家一起来学习啊。bilibili微信小程序，大家一起来学习啊。bilibili微信小程序，大家一起来学习啊。

微信小程序-微信小程序–哔哩哔哩弹幕视频网

08-07

本系列教程开始 微信小程序11月4日开始公测，做技术的我们又得解锁新技能了，所以决定一边学一边写，分享走过的坑。以《微信小程序 - 哔哩哔哩弹幕视频网》移动端网站为基础开发微信小程序版本。 1.微信小程序-B站：前言准备（2016.11.08）《微信小程序开发-B站》是以bilibili移动端网站为基础开发微信小程序版本，笔者喜欢的学习是愉快、轻松并能学到实战的东西，不知各位观友有没有一样的经历，就是一有问题不是先去Google/百度，而是先问自己好友里面懂这方面的儿。所以本系列教程会以幽默、问答、吐槽的方式描绘调皮叶小安娜跟着闷骚杰尔夫君学微信小程序的故事。 1.微信小程序-B站：前言准备 2.微信小程序-B站：需要先知道这些（2016.11.09）开发前必须知道的知识：文件结构、app.json配置、pages对象、window、tabBar、networkTimeout、debug。 2.微信小程序-B站：需要先知道这些 3.微信小程序-B站：wxml和wxss文件（2016.11.11）因为wxml和wxss的重要性，单独抽出来详细讲解：wxml是什么？、数据绑定、

1.微信小程序-B站：前言准备

54xuuu的专栏

11-14

1711

前言《微信小程序开发-B站》是以bilibili移动端网站为基础开发微信小程序版本，笔者喜欢的学习是愉快、轻松并能学到实战的东西，不知各位观友有没有一样的经历，就是一有问题不是先去Google/百度，而是先问自己好友里面懂这方面的儿。所以本系列教程会以幽默、问答、吐槽的方式描绘调皮叶小安娜跟着闷骚杰尔夫君学微信小程序的故事。人物介绍人物头像来自堆糖用户：洛河骨，觉得挺合适就用上了，感谢，感谢~

微信小程序bilibili项目实战小胖商城（源码）.zip

02-27

微信小程序bilibili项目实战小胖商城（源码）.zip微信小程序bilibili项目实战小胖商城（源码）.zip微信小程序bilibili项目实战小胖商城（源码）.zip微信小程序bilibili项目实战小胖商城（源码）.zip微信小程序...

仿哔哩哔哩微信小程序源码.rar

06-28

【标题】"仿哔哩哔哩微信小程序源码.rar" 提供的是一个针对微信小程序的开发资源，旨在模仿知名视频分享平台哔哩哔哩（B站）的功能与界面设计。这个压缩包包含了一整套用于构建类似B站的小程序所需的所有源代码。 ...

微信小程序仿哔哩哔哩视频站demo完整源码

08-06

微信小程序仿哔哩哔哩视频站demo完整源码

微信小程序 vidao实现视频播放和弹幕的功能

09-01

主要介绍了微信小程序 vidao实现视频播放和弹幕的功能的相关资料,这里提供实现代码及实现效果图，需要的朋友可以参考下

【微信小程序开发教程】仿bilibil（哔哩哔哩）小程序

08-14

【微信小程序开发教程】仿bilibil（哔哩哔哩）小程序，教程http://xiaochengxupro.com/news/789.html

微信小程序-仿bilibili课程大作业

01-02

在微信小程序中，可以使用官方提供的组件来播放视频。开发者需要设置视频源（src），并可以添加控制条、全屏、禁止自动播放等属性，以满足用户的需求。同时，为了提供类似B站的体验，还需要实现弹幕功能。这通常需要...

bilibili微信小程序开发学习总结

丘秋的博客

07-06

4540

bilibili微信小程序开发学习总结用来半天学习了微信小程序模仿做了个B站小程序，其实如果有编程基础特别熟悉Vue语法与web的话那小程序基本就是随便玩玩，整体写法与vue一致，页面搭建与web也是相似的。小程序结构小程序每个页面一般由四个文件组成：.wxml、.wxss 、.js、.json 1. wxml : wxml就是页面，相当于web的HTML 2. wxss : wxss为页...

【微信小程序】微信小程序项目+仿哔哩哔哩b站

wy1948的博客

06-23

3090

一、点击查看页面效果及功能二、源代码包下载

2.微信小程序-B站：需要先知道这些

54xuuu的专栏

11-14

1951

小安娜：“开发微信小程序之前，需要先知道这些基础知识哦，我们一起去了解！”

微信小程序video组件播放腾讯视频等热门视频

yan_dk的专栏

09-01

2350

腾讯视频的链接地址打开的页面，没有视频文件的地址，怎么在video组件中播放呢。这个需要对链接和页面做一些特别的处理，才能调取视频文件，进行视频播放。热门的还有B站(www.bilibili.com)视频，目前还需要探索。先介绍解析腾讯视频的方法。腾讯视频解析首先需要一个工具文件，放在utils/qqVideo.js（有需要的可以找我要）视频播放文件video_...

嵌入bilibili视频

08-23

很抱歉，作为一个文本AI模型，我无法直接嵌入Bilibili视频。但是，您可以使用以下步骤将Bilibili视频嵌入到网页中： 1. 打开Bilibili网站并找到您想嵌入的视频。 2. 在视频页面上，点击右上角的分享按钮。 3. 在弹出的分享选项中，选择“复制链接”或“复制嵌入代码”，具体选项可能因Bilibili网站的不同而有所不同。 4. 如果您复制了链接，请在您的网页中使用适当的HTML标签（如`<a>`标签）将链接插入到合适的位置。 5. 如果您复制了嵌入代码，请在您的网页中找到适当的位置，并将代码粘贴到该位置。 6. 最后，确保您的网页已保存，并在浏览器中打开查看嵌入的Bilibili视频。请记住，在使用他人内容时，请遵循版权和法律规定，并确保获得相应的授权或许可。