【案例分享 | 体育赛事APP】在Axure内插入网页视频

哈喽,大家好!今天给大家介绍如何在Axure内插入网页视频。

【案例预览地址含下载】电脑打开链接:https://x1tv66.axshare.com

【完整案例作品预览含下载】电脑打开链接:https://wt9cla.axshare.com

一、案例介绍

【视频教程】:哔哩哔哩视频

首先,让我们来看下效果展示,axure页面中可以播放网页视频。我们看下如何制作。

【效果预览】
请添加图片描述

二、案例步骤

首先,在Axure的元件库中拉出一个内联框架到画布中,然后调整尺寸。

image-20240202234329930

打开一个B站视频,点击分享图标,再点击嵌入代码,复制如下代码:

phpCopy code
<iframe src="//player.bilibili.com/player.html?aid=1700204544&bvid=BV16K42117w3&cid=1424698201&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

player.bilibili.com/player.html?aid=1700204544&bvid=BV16K42117w3&cid=1424698201&p=1复制到Axure中。

image-20240202235134848

接着,双击内联框架,选择链接一个外部的URL或文件,将复制的B站视频链接粘贴进去。

image-20240202234555401

我们看下预览,支持播放网页视频,这样效果就实现了。

以上就是本次教程的全部内容,那我们下一个视频再见啦!

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值