画像に永久に動画アイコンを設定する方法

Question

画像に永久に動画アイコンを設定したいのですが、できません。私がそれをすると、2つの画像が表示されています：1.ビデオアイコン2.私の画像が、1と2を同時に調整できません。

もっと明らかに：私はビデオアイコンで写真を共有したいと思います。ビデオロゴのない画像があります。私は画像ロゴをコードを使って追加したいと思っています。私はPhotoshopを使ってロゴを設定したくありません。

HTML：

<div class="video"> 
    <img style="height:200px" src="http://i.imgur.com/GMjqTR7.jpg"/> 
    <a href="#"></a> 
</div> 

CSS：

.video { 
    position: relative; 
} 
.video a { 
    position: absolute; 
    display: block; 
    background: url(/images/play-btn.png); 
    height: 100%; 
    width: 100%; 
    top: 75px; 
    left: 150px; 
    background-size: 50px 50px; 
    background-repeat: no-repeat; 
} 

私を助けてください。ありがとう。
JSFiddle - Live

Answer 1

これは、クライアント側またはサーバー側で実行できます。あなたのサンプルにはフロントエンドコードしか含まれていないという事実に基づいて、私はあなたがフロントエンドでこれをしたいと思うでしょう。

は質問を明確にしてください Add 'Watermark' to images with php