7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

How do I embed a Video within an Image in wordpress?

by Dimore
6 replies
  • WEB DESIGN
    • |
I am creating a WordPress page and wish to embed a video on a page within a custom image (an image that resembles a computer or TV screen.) Actually i want my video to play within this image when a user clicks on the image. Can someone please help me to know whether am supposed to use a plugin or a code in embedding the video within the image?

link to image http://marketwithcollins.com/wp-cont...tbox-image.png
#embed #image #video #wordpress
  • Profile picture of the author peterachutha
    A simple solution would be to insert the video first into your page and then cutting up the picture of the screen, top, bottom & sides and placing them around the video. You could try using a table with 3 rows and 3 columns where the video is in the center square.

    Long time ago, you could use < layer > to have several layers of whatever but now the code is deprecated.

    Or you could try putting everything in a one cell < table > with the background set as the image and place the iframe code for the youtube video in the cell of the table. But I have not tried this out.

    I hope this helps.
    Signature

    1. Protect Your WordPress Website from Hackers
    2. PHP Cache, Contact Form, ... for your websites

    {{ DiscussionBoard.errors[9253756].message }}
  • Profile picture of the author Stoc
    How i would do this is use CSS.

    Make a div and set the image as the background for the DIV

    then place your video code inside this div.

    Do you know any HTML / CSS ?
    {{ DiscussionBoard.errors[9254095].message }}
    • Profile picture of the author Dimore
      Stoc, I don't have any knowledge in HTML or CSS, your help will be appreciated
      {{ DiscussionBoard.errors[9254894].message }}
  • Profile picture of the author Carl Donovan
    There must have been something wrong with this idea because the account has been suspended!
    {{ DiscussionBoard.errors[9292184].message }}
  • Profile picture of the author getbestdesign
    if you dont have basic skills of HTML and CSS, the only posible way is to use wordpress plugin ...
    Signature
    GetBestDesigns.com
    Only the best for the best from the best.....
    {{ DiscussionBoard.errors[9292223].message }}
  • Profile picture of the author Veeramanikandan
    Use this code for playing a video inside the image.
    <img src="w3css.gif" width="100%" height="100%" style="position:absolute;left:0px;top:0px;z-index:-1;"/>
    <iframe width="560" height="315" src="video url" frameborder="0" allowfullscreen></iframe>
    {{ DiscussionBoard.errors[9307445].message }}

Trending Topics