苹果CMS怎么在播放器加水印，苹果CMS加h5播放器

介绍

苹果CMS是一款非常流行的视频网站建站程序，其内置了多种播放器，其中包括H5播放器。在视频网站中，为了保护视频版权，很多网站都会在视频中添加水印。本文将介绍如何在苹果CMS的H5播放器中添加水印。

步骤

添加水印的步骤如下：

1. 准备水印图片

需要准备一张水印图片。水印图片可以是网站的LOGO或者其他相关的图片。建议将水印图片的背景设置成透明，这样可以更好地融入视频中。

2. 修改播放器配置文件

苹果CMS的H5播放器配置文件位于“/static/player/h5/config.js”中。需要在该文件中添加以下代码：

plugins: [{name: 'watermark',url: '/static/player/h5/plugins/watermark.js',options: {image: '/static/images/watermark.png',position: 'bottom-right',opacity: 0.8}}]

其中，“name”表示插件名称，“url”表示插件文件路径，“options”表示插件配置。

在“options”中，需要设置水印图片的路径、位置和透明度。例如，“position”可以设置为“bottom-right”表示水印在视频的右下角。

3. 添加插件文件

接下来，需要在“/static/player/h5/plugins/”目录下添加一个名为“watermark.js”的文件。该文件的内容如下：

，function($ {$.fn.watermark = function，options {var settings = $.extend，{image: '',position: 'bottom-right',opacity: 0.8}, options;return this.each，function( {var $this = $，this;var $video = $this.find，'video';var $canvas = $，''.attr，{width: $video.width(,height: $video.height，});var context = $canvas.get，0.getContext，'2d';var image = new Image，;image.src = settings.image;image.onload = function， {context.drawImage，image, $video.width( - image.width - 10, $video.height， - image.height - 10, image.width, image.height);var dataURL = $canvas.get，0.toDataURL，'image/png';$video.attr，'poster', dataURL;};});};}，jQuery);

该文件定义了一个名为“watermark”的插件，用于在视频中添加水印。插件会在视频播放前，将水印图片绘制在视频的指定位置，并将绘制后的画面作为视频的封面。

总结

通过以上步骤，就可以在苹果CMS的H5播放器中添加水印。添加水印可以有效保护视频版权，提高网站的知名度和品牌形象。