カスタマイズ
基本機能
プレイリスト
ロゴ
仕様
| パラメーター名 | 型 | 値 | 設定 | デフォルト値 |
|---|---|---|---|---|
| logo | object | file,hide,link,margin,position | 任意 | null |
説明
ビデオグプレーヤーのロゴ画像を設定します。
logo.object
仕様
| パラメーター名 | 型 | 値 | 設定 | デフォルト値 |
|---|---|---|---|---|
| file | string | url | 必須 | null |
| hide | boolean | true,false | 任意 | false |
| link | string | url | 任意 | null |
| margin | nunmber | px | 任意 | 20px |
| position | string | top-left,top-right,bottom-left,bottom-right,control-bar |
任意 | top-right |
説明
| パラメーター名 | 説明 |
|---|---|
| file | ウォーターマークとして使用するJPG、PNG、またはGIF画像のURLを設定します。（例：/assets/logo.png） |
| hide | このオプションがtrueに設定されている場合、ロゴは他のプレーヤーコントロールと一緒に自動的に表示/非表示になります。 |
| link | logoをクリックしたときに訪れるURLを設定します。このURLを設定されていない限り、ロゴをクリックしても効果はありません。 |
| margin | ディスプレイの端からのロゴの距離を設定します。 |
| position | ウォーターマークを表示するコーナーを設定します。「control-bar」は、ロゴをコントロールバーのアイコンとして追加します。 |
コードサンプル
<script>
const options = {
playlist: [
{
logo: {
file:'https://sample1.jp/assets/logo.png',
hide:true,
link:'https://sample1.jp/',
margin:'40px',
position:'control-bar'
},
...
},
],
};
const player = videogplayer('video_tag_id', options);
</script>