1 person found this helpful
Video in canvas mode is played using a standard HTML5 video tag, so you rotate it exactly like you'd rotate anything in HTML-- using a CSS transform.
To do anything when a video ends, you just need to attach an event listener to the video tag.
My mistake, I should have linked to this thread instead, which includes an improved version of that code: Re: How can I add video
This code accepts a final CSS parameter, using standard inline CSS syntax. So you could pass it something like "transform: rotate(20deg);" to rotate it.
Note that this will not work correctly with stage scaling (mislabeled "Responsive" in the publish settings), because it assumes that the stage and the HTML around it are both at the same scale. Making them scale together is more complicated.
Reading up on the CSS3 transform property I tried using the following and it doesn't work. Also tried just transform by itself. Video displays, but isn't rotated.
makeDiv(1550, 250, 640, 480, "<video src='video.mp4' autoplay ></video>", "-ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg);");
That won't work with the code from the first thread I linked. You have to use the code from the second thread I linked. They use different CSS syntax.