Azure Media Playerのロゴを非表示にする

投稿者: | 2017年3月2日

Azure Media Playerを利用するとデフォルトで左上にロゴが表示された状態です。

このロゴがあると動画閲覧の邪魔になるので消してしまいましょう。

 

 

対応方法はいたって簡単、Videoタグのdata-setup情報に下記を追加すればいいだけです。

 

-
data-setup='{"logo": { "enabled": false}}'
-

 

設定情報については公式リファレンスの「LogoConfig」に記載されています。

最終的には下記のようなVideoタグになると思います。

 

-
<video id="azuremediaplayer" 
       class="azuremediaplayer amp-default-skin amp-big-play-centered" 
       controls autoplay 
       width="800" 
       height="450" 
       poster="" 
       data-setup='{"logo": { "enabled": false}, "techOrder": ["azureHtml5JS", "flashSS", "silverlightSS", "html5"], "nativeControlsForTouch": false}' 
       tabindex="0">
    <source src="<MediaUrl>" type="application/vnd.ms-sstr+xml" />
    <p class="amp-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
</video>
-

 

設定後にPlayerを呼び出して見ましょう。

下記のように左上のロゴが消えているのが解ると思います。

 

 

data-setpには色々と設定が出来るのでリファレンスを参考にいじってみると面白いです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください