mask a video using CSS

Hey everybody,

Thanks for this posting. I have a project where I need to hide a video (mp4) with an image. The video is a loop without control by clicking on is not a problem. I was able to hide a static image with no problems, but for the life of me I can't find a way to hide an image on the video to be played. The masked area resembles a curved TV screen so the image hidden, I use is currently a png (right side), I would be very grateful if someone could point me in the right direction.

Thanks in advance

mask-test.jpgscreen1.png

See if this article helps you.  Scroll down to «Add overlays...» »

ALT-Web Design & Publishing: reactive Bootstrap 3 Videos

Nancy O.

Tags: Dreamweaver

Similar Questions

  • How to block YouTube videos using similar fullscreen?

    I have some youtube added to my son green list URLS, and his internet is set to "allow list only". When looking at videos to youtube using the small screen, in the end, the related videos / recommended are blocked when he clicks on them. But if he goes into full screen mode, then in the end family security SAID that the related videos are blocked, but if he clicks on it, it is able to view. In this way, he was able to jump from video to video to video using the links of similar videos in mode full screen.

    I can obviously not block youtube because then he cannot look at the small number of videos, with which I agree. I've got youtube in safe mode, but there are still images of scantily women, appearing in videos of "magic tricks unlocked", etc. It is therefore not correct.

    Please notify.

    Jill

    Hi Jill,

    We have reproduced the problem and was able to get the same results and check what is the cause to happen. This can be caused when you open a video in full screen using Adobe Flash external player and not part of the browser itself. - or - when video is viewed in mode full screen, it opens the external Flash Player separated from the add-on browser player and plays the video.

    Our support group will forward this concern to our product group for improvements in our future versions.

    Kind regards
    Gerard G.

  • Convert video using Xilisoft

    How to convert video using Xilisoft Converter?

    I tried:

     

    Video:

    File type: AVI

    Codec: mpeg4, msmpeg4, msmpeg4v1, msmpeg4v2

    Size: 224 x 176

    Flow rate: 800 kbps

    Audio :

    Flow rate: 128 kbps

    Sample: 44100

    Still does not play!

    Any1 can tell me how to operate?

    I found video4fuze very useful for the rocket...

  • Xbox 360 does not recognize the pictures or videos using Media Center

    My Xbox 360 suddenly stopped recognizing the pictures and videos using Windows Media Center.  I have a number of files on my laptop that I like to stream through Media Center so I can watch them on my TV, but WMC no longer seem to acknowledge their existence.  I can play my entire library of music very well, but when I try to access my photos and my videos, it shows me my user folder and claims that there is nothing in it.  Not really sure where to start even on that.  My firewall is let through the WMC and my network is configured to share media.  Windows Vista by the way.

    Hi Reaper63,

    1. did you of recent changes on the computer?

    2. you receive an error message while accessing files on the Xbox?

    Method 1

    Check if you are able to access photos and videos through Windows Media Center.

    Solve problems with pictures in Windows Media Center

    http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-problems-with-pictures-in-Windows-Media-Center

    Method 2

    Copy and paste the following script into Notepad and save it with a .reg extension. Right click and run it. Restart and check.

    Windows Registry Editor Version 5.00

    [HKEY_CLASSES_ROOT\.jpe]

    "PerceivedType"="image".

    [HKEY_CLASSES_ROOT\.jpeg]

    "PerceivedType"="image".

    [.Jpg]

    "PerceivedType"="image".

    [HKEY_CLASSES_ROOT\.gif]

    "PerceivedType"="image".

    [HKEY_CLASSES_ROOT\.wmf]

    "PerceivedType"="image".

    [HKEY_CLASSES_ROOT\.png]

    "PerceivedType"="image".

    [HKEY_CLASSES_ROOT\.wma]

    "PerceivedType"="audio".

    [HKEY_CLASSES_ROOT\.wav]

    "PerceivedType"="audio".

    [HKEY_CLASSES_ROOT\.mp3]

    "PerceivedType"="audio".

    [HKEY_CLASSES_ROOT\.mp2]

    "PerceivedType"="audio".

    [HKEY_CLASSES_ROOT\.wmv]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.avi]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.dvr - ms]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.mpe]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.mpeg]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.mpg]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.m1v]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.mpv2]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.asx]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.wm]

    "PerceivedType"="video".

    [HKEY_CLASSES_ROOT\.wmx]

    "PerceivedType"="video".

    I hope this helps!

    Halima S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • error code 646 while that convert videos using real player converter

    How can I fix my computer? When I try to convert videos using the RealPlayer converter, it displays an error 646 code, what can I do?

    Hello

    ·          Have you been able to use the RealPlayer converter earlier?

    ·          What types of video files you are trying to convert?

    I suggest to uninstall real player converter software and reinstall it and check if it works very well.

    Please provide us with more information so that we can help you in a much better way.

    Concerning
    Joel S
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • How to apply the "Slate Pro Light" using CSS font?

    Hello

    Could you tell me how to apply the font of "Slate Pro Light" using CSS? I have not found a solution for the 'Light' slate Pro variation selection.

    Thank you.

    I usually use the definition of CSS of police-family at the following address on my html and body elements:

    font-family: "Slate Pro", Slate, "Myriad Pro", "BBAlpha Sans", Helvetica;
    

    Potentially adding "slate Pro Light" should do the trick. Alternatively, you could take advantage of the make-weight property when you need a lighter framework:

    font-weight: normal|bold|bolder|lighter|number|initial|inherit;
    

    In this case, lighter, might do the trick?

  • "Import pictures and videos using Windows Live Photo Gallery" option is missing from AutoPlay in Windows 7 64 bit

    I saw this question and answer:

    http://social.answers.Microsoft.com/forums/en-us/w7files/thread/5c567ab1-208D-400D-9bce-0598d43a0574

    but I think I have a more serious problem. In Windows 7 RC, when I plugged in my camera or insert a memory card, I could choose "import pictures and videos using Windows Live Photo Gallery", but in my new installation of Windows 7 RTM, on which I have installed Windows Live Photo Gallery, there is no "Import pictures and videos using Windows Live Photo Gallery" option allotted me in the list of Control Panel AutoPlay or on the AutoPlay pop-up that appears when I plug in a camera.

    How can I get that back? Without this option, I have to go through the manual steps tedious to execute WLPG and manually choose to import from there and say what is my camera. It was much better under Vista and Win7RC when I had the simple auto play option.

    My PC is running Windows 7 Professional 64-bit, but I also installed WLPG on two new computers Windows 7 Home Premium 64-bit my parents, and they have exactly the same problem. Is this a known bug? Is there a solution?

    Thanks in advance for any help you can offer!

    Hello bitoclass,

    Thank you for visiting the Microsoft answers Site.

    The Windows Live Photo Gallery import Option is not available from the AutoPlay on x 64 systems. Try the underside of work around to see this option.

    http://www.Microsoft.com/communities/newsgroups/list/en-us/default.aspx?DG=Microsoft.public.Windows.live.Photogallery&TID=40220862-cb07-4183-97D4-4c597ea12dac&cat=&lang=&CR=&SLOC=&p=1

    http://support.Microsoft.com/kb/967904

    Change the settings of the REGISTRY can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the REGISTRY settings configuration can be solved. Changes to these settings are at your own risk.

    I hope this information is useful.

    Thank you

  • Unable to capture HD video using Windows Movie Maker or Cyberlink Power Director of Canon HV30 on I.Link (firewire)

    Canon HV30 HDV Capture Issues Firewire in Win 7 (64-bit)

    There seems to be a problem with Windows 7 (64 bit) in the HD video capture from a Canon HV30 on I.Link (firewire). The camera is detectable, but I am unable to capture videos HD using Windows Movie Maker or Cyberlink Power Director. All the drivers and the software updated.

    Same camera, same editing works very well under Win XP.

    Someone at - he a workarouonds?

    (1) the question arose on January 20, 2010, when I got my new computer (Dell XPS 9000) WIN 7 (64-bit) and I first tried to capture video, I had already shot with the Canon Vixia HV - 30.

    (2) the updated capture in place according to the manual of Canon, using the firewire interface to download video using Power Director 7 or Windows Movie Maker.

    -Power Director 7 is able to detect and control the camera, however once the capture begins an error message appears saying that the i-link on the camera mode is not compatible with the Strip to be captured. Verified media is HDV (60i) and playback camera settings are all correct.

    -Windows Moview Maker is able to detect and control the camera, however, no video is captured and no error message appears.

    (3) will try to reinstall the drivers for the HV30.

    Kind regards

    Blarney

  • Get the error add snddvol32exe when editing video using Cyberlink Media 8

    Original title: snddvol32exe

    I use Cyberlink Media 8 and edit a video when I want to add voiceoover I click on the MIC icon and go to choose he said add sndvoll32

    Hello Brian 456,.

    Thank you for the question!

    It is disheartening to know that have problems you with a video montage. As I get it right you get an error Add sndvoll32 when you edit video using Cyberlink Media 8

    I need to ask you some questions to help you best.

    1. what you trying to do?

    2. What is the exact error message associated with snddvol32exe?

    Reply with answers to help you in a better way.

  • Cannot import videos using Photo Gallery - "the video device is currently in use"

    original title: impossible to import the videos using Photo Gallery

    Whenever I try to import a video with Photo Gallery, I get the message,

    "Importing video.

    The video device is currently in use.  Close any other program that is using the device and try again.  If you need to start import video, turn off your import device and then turn on again. »

    No other program does use the video device I can say.  I tried to restart my computer, but also a gallery of photos of uninstalling and reinstalling, but I can't seem to do anything other than give me this message.

    I use Windows 7 64-bit.  I'm downloading an older video camera, using a firewire cable.

    Anyone have any ideas?  Thank you!

    Personally I remove sd card from the device and try this way.

    Then click on the Start button and the computer.

    Insert the sd card a sd card reader slot is available, if you need to buy one,

    You can access the SDCard like any hard drive, it is the list, and then select open, do a right click

    Manually, copy and paste the files into a new folder.

    If it's an older device, you can try the factory site and search for win 7 drivers for the camera first.

  • Whenever I am trying to download the youtube video using idm button at the bottom of website, e0x80029c4a error.

    Original title: error e0x80029c4a

    Hello. I use Windows 7 64-bit. My problem is when I'm trying to download the youtube video using the idm at the bottom of the site, the Dungeon of e0x80029c4a error is displayed. So how to solve this problem?

    Hi Kukuki,

    It's probably a problem with Internet Download Manager.

    If you have reinstalled the program and the problem still persists, you may have Internet Download Manager contact for assistance: http://www.internetdownloadmanager.com/support/index.html

  • I need to export videos using adobe premiere with these video resolution: DV 25 420, MXF. I have tried many of the export preset, but the MXFop1a give a video exorted with codec 411 instead of 420

    I need to export videos using adobe premiere with these video resolution: DV 25 420, MXF. I have tried many of the export preset, but the MXFop1a give a video exorted with codec 411 instead of 420

    It doesn't seem to be any adjustment for this user.

  • I have Dreamweaver CS6 but want to update for cc, how ever I did mine and I sign in and upward at the site web adobe and want to use css Designer because with my courses, I do and they use CC. How can I get upgrade with refund f

    I have Dreamweaver CS6 but want to update for cc, how ever I did mine and I sign in and upward at the site web adobe and want to use css Designer because with my courses, I do and they use CC. How can I get the upgrade with this new refund. Thank you

    There is no way to update the version of perpetual license / DWCS6 drive to the creative cloud, they are two completely separate programs. There used to be a discount for the Creative Suite owners switch to CC, but that ship has sailed.

    If you want to the CSS designer, you will need a subscription here: pricing and membership creative cloud plans | Adobe Creative Cloud

  • The video player from youtube API sucks, is there a way to force firefox to my android to play youtube videos using its native player?

    Currently, it is similar to youtube on my android Tablet videos:

    I noticed that when I look I look at a local mp4 video in my browser firefox on Android tablet, it has a completely different player:

    My question is:

    Is there a a way to force all players, or less youtube, play videos using this version of the integrated mp4 player of the browser?

    .

    Fake Addon, change the setting for Android (mobile)

  • Incorporation of video using video JS

    Hello

    I am very new to the design of web sites and enjoying the graphic nature of Muse.

    I hope someone could help with this simple question.

    I'm editing my personal site current and embedding video using the video player HTML JS.

    I copied the HTML head and inserted the HTML code in the body of the page.

    Currently the site and videos are on my local drive, so I use the add files for download command to use videos from Muse.

    Here's the question (s), when I saw in the Muse (using Preview), I can't play the video.  I just get an error stating that "the video could not be loaded, either because the network to the server failed because the format is not supported."  No problem, so I saw in a web browser (feature has been the same in all my browsers).  When I do this, the video plays as expected.  The problem here and preview is that I never get a picture of the poster.  I think I've named everything correctly.  I'm puzzled as to why the web preview is the video, but not the image of the poster.

    Here is the code I have in the body of the page:

    < video id = "MY_VIDEO_1" class = "video-js VJ-skin by default" - speed control

    preload = "auto" width = "960" height = "540" poster = "assets/PCSK9_Video_Still.jpg. »

    data-setup = "{}" >

    < src = "assets/3D_Reel_Update_2015_1.mp4 source' type =" video/mp4">"

    < src = "source MY_VIDEO.webm" type = "video/webm" > "

    " < class p 'vjs-No.-js' = > to view this video please enable JavaScript and upgrade to a web browser that < a href =" http://VideoJS.com/HTML5-video-support/ "target ="_blank"> supports HTML5 video < /a > < /p > "

    < / video >

    I added assets / in front of my items that nothing has been downloaded on my server.

    Anyone know what I'm doing wrong here?

    Thank you

    Mike

    I have not tried it personally, but you can follow the suggestions mentioned here:

    http://StackOverflow.com/questions/8445965/HTML5-video-poster-IMG-doesn ' t-show

    https://www.WebmasterWorld.com/HTML/4222225.htm

    Thank you

    Sanjit

Maybe you are looking for

  • Power on issue to a Satellite M70

    Hi there all the I have two of these laptops on the bench with the same problem.When you press the power button, nothing happens, no noise of the car or fan, he's just dead. I looked around the forum and have tried holding down the BACKSPACE key whil

  • Need motherboard for Equium A60

    Hi, I am looking for a motherboard for my laptop, it is a model of P4532/256 / Equium A60 40GB not. PSA67E-00200D8J.Could someone tell me what is the reference number of the card mother or even where I would be able to get an a? Thank you very much R

  • DeskJet 2544: 2544 HP Deskjet all in one printer series No. CN4172BO1M

    Hi, I have a problem with my HP Deskjet 2544 printer all-in-one [personal information deleted], I experience a gray line through the text the two lines that makes text blurry and difficult to read. I cleaned and aligned the print heads, changed for a

  • How to reverse a byte?

    What I want to do sounds just so far, but I can not find a solution that can be as simple as that... I have a byte array, for example: 1101 1010 and I would reverse like this: 1011 0101 I have not found the VI to do. I think this isn't a Big/Little -

  • What are the keyboard shortcuts to use the component feature snap-in in Windows 7?

    One of my windows program jumps constantly at my primary monitor after clicking on apply. He does not easily slide back, Yes, is there a keyboard shortcut, or can I do a keyboard shortcut to send the BACK window?