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

如何在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。完成了!