Webdesign videos7/2/2023 ![]() When you select one of these actions in the Event dialog, set the hotspot as the receiver. Hide time - The time when the hotspot should be hidden.Show time - The time when the hotspot should become visible. ![]() This action is best used for hotspots that show before or after playback, since the effect during playback is only momentary. Uncheck this box to seek the hotspot's hide time instead. Seek show time - Seek the hotspot's show time. Uncheck this box to hide the hotspot instead. If you add a hotspot to a video, the following hotspot actions can be triggered in response to other events: Action Events Events sent by the Video component Images with different proportions than the hotspot are cropped either vertically or horizontally. Crop image to fill - The image is scaled as large as possible to fill the hotspot's space without stretching the image.Resize image to fit - The image is scaled as large as possible within the element without cropping or stretching.If the asset is an image, the scaling method to use if the hotspot and asset dimensions differ: The image, video, or group to display as the overlay. Whether the hotspot continues to display after video playback ends. Not applicable if Show after playback is selected. The time in seconds when the hotspot stops being visible. Whether the hotspot is displayed before video playback begins. Not applicable if Show before playback is selected. The time in seconds when the hotspot becomes visible. The height of the hotspot as a percentage of the Video component height. The width of the hotspot as a percentage of the Video component width. The top position of the hotspot as a percentage of the Video component height. The left position of the hotspot as a percentage of the Video component width. You can see and edit hotspot properties when you're in the Interactive Video dialog. To react to the user clicking the hotspot, set up an event that detects Mouse > click after you close the dialog. You can make changes in the Properties panel or drag the hotspot itself, the hotspot resize handles, and the hotspot bar in the video timeline.By default, the hotspot shows during the entire duration of the video, including before the video playback starts and after playback ends.Adjust the hotspot's position, size, and timing.If you use a video asset, the video will start playing automatically without controls when the hotspot is shown.Skip this step if you want the hotspot to be transparent.In the Properties panel on the right, select the asset you want to display as the overlay.A new hotspot track appears under the video timeline. Click the + Hotspot button to the left of the video timeline.Move the timeline playhead to where you want to add a hotspot.Right-click the cue point marker and select Delete. You can now reference the cue point in events and actions after you close the dialog. Cue points must be at least half a second apart from each other. To adjust the cue point time, drag the cue point marker along the video timeline or enter a new time in the Properties panel.You can edit the cue point ID in the Properties panel on the right, or by right-clicking the cue point and selecting Edit id.A cue point marker appears above the video timeline.Otherwise, right-click the video timeline and select Add cue point from the pop-up menu. If the video timeline playhead is where you want to add the cue point, click the Create cue point button below the video.You can also edit the current video play time directly by clicking the time in yellow and entering a new time in seconds. Jump forward (to a cue point, the start or end of a hotspot, or the end of the video) Jump backward (to a cue point, the start or end of a hotspot, or the start of the video) ![]() Interactive video: how to create cue points and hotspots Interactive Video dialog controlsīelow the video preview, you can use the following buttons to control video playback and the playhead position: Hotspots are only visible in the video preview when the playhead is between the hotspot's starting and ending times. The dialog includes a video timeline, so you can see when hotspots and cue points occur. The Interactive Video dialog lets you preview the video, as well as set hotspots and cue points. In the Properties panel, make these changes: The best practice for mobile browsers is to turn off autoplay and to turn on video controls instead. Mobile browsers may disable video autoplay to keep users from incurring data charges for unrequested content.
0 Comments
Leave a Reply. |