如何在Adobe Muse中添加一个HTML5视频播放器-慕枫宁波网站建设

如何在Adobe Muse中添加一个HTML5视频播放器-慕枫宁波网站建设

宁波网站建设 | 2017-10-10



如何在Adobe Muse中添加一个HTML5视频播放器?不需要编程技能。


视频正成为我们消费信息的主要方式。最明显的是,每分钟都有300小时的视频被上传到YouTube上,每天都有近50亿的视频在YouTube上观看视频。这真是一个惊人的数字,难怪我经常收到视频小部件的请求。

YouTube可以很容易地将视频从YouTube添加到你的网站,Muse甚至有一个内置的小部件帮助你这样做,但如果你想不经过YouTube添加自己的视频呢?

这就是使用Lightbox小部件的HTML5视频播放器发挥作用的时候。有了这个小部件,你就可以在网站上传自己的mp4视频而无需通过YouTube或Vimeo等第三方视频托管。视频可以直接从服务器上观看。不仅如此,你还可以在Lightbox显示中打开视频,让用户更直接地观看视频。许多用户喜欢托管他们自己的视频,因为最后没有广告或相关视频。Lightbox的HTML5视频播放器也有一个YouTube播放器,以防你也想添加YouTube视频。


以下是将HTML5视频播放器添加到Adobe Muse网站的步骤:

1 。双击mulib文件安装。

2。从库面板中拖放一个“Add First”小部件,并放置在Adobe Muse网站的顶部。如果您没有看到库面板到窗口>库。


您可以从以下“添加第一”小部件中选择:

- HTML5视频播放器——为视频播放器添加第一个。

- HTML5视频播放器-在一个Lightbox内为视频播放器和视频播放器添加第一个和Lightbox。您可以为Lightbox背景添加一个不透明度或图像的颜色。

- HTML5视频播放器-在一个Lightbox内为视频播放器和视频播放器添加优先级的Lightbox。你可以在Lightbox背景中添加一个带有2种颜色的渐变。


3。把一个视频播放器小部件放到你的网站上。您可以从以下视频播放器小部件中选择:

- HTML5视频播放器小部件

- HTML5视频播放器小部件- Lightbox

- YouTube视频播放器小部件

- YouTube视频播放器Widget - Lightbox

Lightbox小部件在一个Lightbox中打开视频。根据“Add First”小部件添加的内容,您可以将Lightbox背景设置为颜色、图像或渐变。您可以设置颜色的不透明度和与Lightbox背景的图像。


网站添加视频


4。对于HTML5视频播放器,建议添加至少一个mp4视频文件。你可以添加一个webm和ogv o。大多数浏览器支持mp4。

5。添加一张海报图片,当视频没有播放图像时,用户可以按下播放按钮。

6。将视频播放器的主题设置为默认、黑暗或轻。

7。你可以在小部件选项中设置视频的宽度和高度。在小部件中有一个16:9的宽比计算器。您还可以将视频设置为autoplay、loop和初始卷。您可以将视频设置为在Lightbox内的超大规模,这意味着当浏览器调整大小时,视频将随之改变。

8。完成了!



上一篇:5个有趣的标志设计技巧-慕枫宁波网站建设下一篇:在jQuery中编写一个雷达图表-慕枫宁波网站建设
联系电话 400-6065-301

微信咨询 寒总监

977彩票app下载 038彩票_038彩票手机版app【官方授权】 东森彩票注册平台-在线开户 华夏彩票app 华夏彩票app下载安装 306官方彩票_306彩票app下载安装|最新 306官方彩票_306彩票官方app【正规授权】 038彩票官方版 977彩票官方正版 盈彩网彩票app_盈彩网彩票下载|官网授权