Skip to main content
D
Double_EDGE_Sword
Participant
October 11, 2017
Answered

Possible to have a picture with alpha on a higher layer over video playback?

  • October 11, 2017
  • 2 replies
  • 409 views

I have an image of a television set with alpha and would like to have the video play underneath it so that it looks like a television set.  I'm using the makeDIV command to call on the video.

Also, how can rotate the video 10 degrees?  This is what I have, but doesn't work:

makeDiv(980, 210, 640, 480, "<video src='lilli.mp4' autoplay ></video>", "{transform:rotate(10deg);}");

    This topic has been closed for replies.
    Correct answer marjantrajkovski

    Ad z-index:-1

    to

    <div id="dom_overlay_container" style="z-index:-1;  pointer-events:none; overflow:hidden; width:160px; height:600px; position: absolute; left: 0px; top: 0px; display: block;">

    and set transparent background to canvas

    2 replies

    C
    ClayUUID
    Legend
    October 11, 2017

    Why did you put your CSS code inside braces?

    D
    Double_EDGE_SwordAuthor
    Participant
    October 11, 2017

    I'm still learning Animate.  I've taken courses in Javascript, but it was a long time ago. 

    M
    marjantrajkovskiCorrect answer
    Inspiring
    October 11, 2017

    Ad z-index:-1

    to

    <div id="dom_overlay_container" style="z-index:-1;  pointer-events:none; overflow:hidden; width:160px; height:600px; position: absolute; left: 0px; top: 0px; display: block;">

    and set transparent background to canvas

    D
    Double_EDGE_SwordAuthor
    Participant
    October 12, 2017

    I added z-index and set the movie clip symbol to Render: Cache as Bitmap / Transparent.  Here is the code I'm using:

    makeDiv(980, 210, 640, 480, "<video src='lilli.mp4' autoplay ></video>", style="z-index:-1;");

    The video loads, but there is a white where the video should be.

    I double checked my image to make sure its transparent.  I also moved the symbol to a second layer and wrote something on a bottom layer and there is transparency.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices