Html5ビデオの透視変換

CSSやjqueryのビデオパースペクティブを使用して、必要な場所と方法に正確に合わせることは可能でしょうか？Html5ビデオの透視変換

参照画像：

私はビデオが赤の領域に収まるようにしたいです。

ありがとうございます！

2016-05-20 Ionita Cristian-Valentin

はい、私はそれが可能であることを考えるHTML5 canvas要素を使用することができます。 – hungerstar

はい、可能です。 CSS3 transformとperspectiveのプロパティに慣れておく必要があります。

.video-wrapper { 
 
    perspective: 1000px; 
 
} 
 
video { 
 
    transform: rotateY(-30deg); 
 
}

<div class="video-wrapper"> 
 
    <video width="400" controls> 
 
    <source src="http://www.w3schools.com/HTML/mov_bbb.mp4" type="video/mp4"> 
 
    <source src="http://www.w3schools.com/HTML/mov_bbb.ogg" type="video/ogg"> 
 
    Your browser does not support HTML5 video. 
 
    </video> 
 
</div>

ソリューションを作成するための努力のすべてを経由せずに、あなたは

出典

2016-05-20 20:34:35 Quantastical

それをすることはできません...しかし、ありがとう –

あなたは努力し続ける必要があります。どのようにするかを学ぶ最も良い方法は、練習することです。 – Quantastical

結局のところ、P：お返事ありがとうございます –

答えて

関連する問題