Breaking the HTML5 Video Aspect Ratio

html5VideoAspectRatioAdjustment.coffee

# Just an example.
# @video is a direct reference to a '<video>' element.
# $() is assuming jQuery is being used in this example.

@video.addEventListener("loadedmetadata", (event) =>
   actualRatio = @video.videoWidth/@video.videoHeight
   targetRatio = $(@video).width()/$(@video).height()
   adjustmentRatio = targetRatio/actualRatio
   $(@video).css("-webkit-transform","scaleX(#{adjustmentRatio})")
)

I assume he means $('.videoelem').get(0) if you are using jQuery because he's referring to the dom element itself, not the jQuery object. or...

$('.videoelem').get(0).addEventListener... to put it in context