Video cannot be imported in HTML5 Canvas document.

Question

I tried to convert a flash to HTML5 canvas using animate. In the created Canvas , it is missing "DOMVideoInstance" for

eg:

<elements>
               <DOMVideoInstance libraryItemName="sample Video " selected="true" frameRight="6000" frameBottom="6000">
                  <matrix>
                         <Matrix tx="61.55" ty="-349.55"/>
                  </matrix>
                </DOMVideoInstance>
</elements>

instead of above element, it is showing blank element as </elements>. After converting to canvas, if i check the output log, i got below warning

Warnings generated while copying/importing in embedded_video_Canvas1.fla:

* Video cannot be imported in HTML5 Canvas document.

Colin Holgate · Accepted Answer

Finally, i copied the source FLV using animate and i have converted to mp4. Please let me know how to proceed further., i.e., how to add that mp4 in canvas file. Thanks in advance

You would use the Components panel, and add a Video component to the stage, and set its source to be the MP4 that you made.

Colin Holgate · Answer

HTML5 Canvas can't play FLV, and if you're trying to play H.264 you would use the Components panel to add a video component, and set its source to be the H.264 file. That should work well. FLVPlayback is ActionScript 3 only, if you do just have FLVs you would need to find the original videos and make H.264, or convert the FLVs to H.264. Finding the original files would give you better quality.

What is your reason to be converting it to HTML5 Canvas?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded