哈喽,大家好!今天给大家介绍如何在Axure内插入网页视频。
【案例预览地址含下载】电脑打开链接:https://x1tv66.axshare.com
【完整案例作品预览含下载】电脑打开链接:https://wt9cla.axshare.com
一、案例介绍
【视频教程】:哔哩哔哩视频
首先,让我们来看下效果展示,axure页面中可以播放网页视频。我们看下如何制作。
【效果预览】
二、案例步骤
首先,在Axure的元件库中拉出一个内联框架到画布中,然后调整尺寸。
打开一个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中。
接着,双击内联框架,选择链接一个外部的URL或文件,将复制的B站视频链接粘贴进去。
我们看下预览,支持播放网页视频,这样效果就实现了。
以上就是本次教程的全部内容,那我们下一个视频再见啦!