When you want to zoom in on a video or photo, the image gradually increases in size until the right display section is reached. Video zoom effects can be added to any video or photo after it has been created. The video zoom effect, sometimes known as the Ken Burns effect, creates the impression that the camera moves or zooms in on a video subject, or zooms out from it. Alternatively, use the buttons in the top right hand corner of the program interface to burn your video to DVD, transfer to a social media platform or copy to a smartphone. MP4) to export the video with the Ken Burns effect as a video file in different formats.
![pan and zoom video player pan and zoom video player](https://ae01.alicdn.com/kf/HTB1cfejSVXXXXb.aXXXq6xXFXXX6/1MP-720P-HD-plug-and-play-security-wifi-wireless-ip-webcam-pan-tilt-with-night-vision.jpg)
#Pan and zoom video player movie#
#Pan and zoom video player update#
This example contains an amp-pan-zoom component that will update amp-state on transformEnd.Follow these steps to add the zoom effect (a.k.a the Ken Burns effect) to a video: The x and y parameters contain the x and y translation of the child content from center in pixels, respectively. The scale parameter contains the current scale of the child content being zoomed. This event emits the scale, x, and y parameters. The component triggers the transformEnd event whenever the pan or zoom animation is complete. Consider the scale, x, and y attributes directly applied to the content's CSS transform attribute after animation. If no x or y value is specified, the content zooms to center.Īssuming that there is an component with the id pan-zoom on the page, a button with on="tap:ansform(scale=3)" will zoom to scale 3x at the center of the content, a button with on="tap:ansform(scale=3, x=50, y=10)" will first scale the content to 3x scale, and then shift the content 50 pixels towards the left, and 10 pixels upwards.
![pan and zoom video player pan and zoom video player](https://ptzoptics.com/wp-content/uploads/2020/01/pan-tilt-zoom-app-for-android-1024x576.jpg)
The transform action takes scale, x, y as parameters and sets the CSS transform property of the child content. This element includes common attributes extended to AMP components. Shows default controls (zoom in / zoom out button) which can be customized via public CSS classes. Setting this attribute causes the component to reset the zoomable content on resize of the image itself. Refers to the ability to center the image and set the image's scale back to 1.
![pan and zoom video player pan and zoom video player](https://i.pinimg.com/originals/ed/50/07/ed500757a98c139281fab46584e77e10.jpg)
The value is expected to be a whole number. Specifies default translation coordinates, otherwise both are set to 0. Specifies a default zoom scale, which should be a positive number from 1 - 9. Specifies a max zoom scale, which should be a positive number from 1 - 9. See the list of eligibles children tags of amp-pan-zoom.