开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >微信小程序插入视频video标签

微信小程序插入视频video标签

作者头像

王小婷

发布于 2025-05-18 16:17:58

发布于 2025-05-18 16:17:58

23800

代码可运行

举报

文章被收录于专栏：编程微刊编程微刊

运行总次数：0

代码可运行

其实效果很简单，原理就是使用video标签，插入一段视频链接即可。视频链接是在网站上找到的。

wxml

<video style="height:240px;width:320px;" src="{{mapUrl}}"> </video>

js

Page({
  data: {
    mapUrl: "",
  },
  onLoad: function () {
    this.setData({
      mapUrl: "http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
    })
  },
})

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，爱折腾。坚持总结工作中遇到的技术问题，坚持记录工作中所思所见，对于博客上面有不会的问题

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2025-05-16，如有侵权请联系 cloudcommunity@tencent.com 删除

微信小程序

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

微信小程序

评论

登录后参与评论

0 条评论

热度

最新