0
ビデオ内でマウスイベントをピクセル座標に変換しようとしています。ピクセル座標では、元のビデオ解像度との相対的な座標を意味します。object-fitでビデオ内でマウスの位置を計算する:contains
マイビデオ要素は、この絵が示すように、ビデオの左上隅は、必ずしも、位置(0,0)
に位置していないことを意味し、object-fit: contain
があります
私は左上をクリックした場合このビデオの白い部分のコーナーでは、(0,0)
を取得したいと思いますが、これを行うにはビデオ要素(黒い枠線)に対するビデオコンテンツ(白い領域)のオフセットを検出する必要があります。
このオフセットはどのように回復できますか?
私はすでにwidth
、height
、videoWidth
、およびvideoHeight
の承知していますが、これらは私だけがスケーリングではなく、オフセットを占めてみましょう。