How to embed video in image ?
2014-05-26, 05:36 AM,
(This post was last modified: 2014-05-26, 05:38 AM by Wolfz.)
#1
Well,how to do that ?

I've made a photoshop image for my blogger LP,but i wanna do this :

[Image: 2u5g7ic.jpg]

Thank you

''If you spend too much time thinking about a thing, you'll never get it done.'' - Bruce Lee
Reply
2014-05-26, 06:07 AM,
#2
You need to set the image as a background of a table and then put your video embed code inside the table.

Here is a rough example: http://romancitydirect.co.uk/reaction.html

The Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body><table width="505" height="340" background="http://oi60.tinypic.com/2u5g7ic.jpg"border="0" align="center">
  <tr>
    <td><br />
<p align="center"> <object width="460" height="253" align="absmiddle"><param name="movie" value="//www.youtube.com/v/fKgXGdAJ8Ak?version=3&amp;hl=en_US&amp;rel=0&amp;autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/fKgXGdAJ8Ak?version=3&amp;hl=en_US&amp;rel=0&amp;autoplay=1" width="460" height="253" align="absmiddle" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed></object></p></td>
  </tr>
</table>

</body>
</html>
Latest Thanks - View all

GROF(2014-06-11 03:33 AM) Wolfz(2014-05-26 06:47 AM) 
Reply
2014-05-26, 06:48 AM,
#3
(2014-05-26, 06:07 AM)caesar Wrote: You need to set the image as a background of a table and then put your video embed code inside the table.

Here is a rough example: /reaction.html

The Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body><table width="505" height="340" background="/2u5g7ic.jpg"border="0" align="center">
  <tr>
    <td><br />
<p align="center"> <object width="460" height="253" align="absmiddle"><param name="movie" value="//www.youtube.com/v/fKgXGdAJ8Ak?version=3&amp;hl=en_US&amp;rel=0&amp;autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/fKgXGdAJ8Ak?version=3&amp;hl=en_US&amp;rel=0&amp;autoplay=1" width="460" height="253" align="absmiddle" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"></embed></object></p></td>
  </tr>
</table>

</body>
</html>

Hmm
I will try !

Thank you,Caesar

''If you spend too much time thinking about a thing, you'll never get it done.'' - Bruce Lee
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  [GET] Snaptube - Premium Video WordPress Theme bogdanelu 14 4,029 2016-08-16, 05:02 PM
Last Post: Laksh
  Remove image with url all posts wordpress Mix2003_2012 7 1,313 2016-01-28, 12:46 PM
Last Post: Beingmahendra
  »» Learn The Basics of HTML/CSS/PHP «« »» Video Tutorial «« allnet 1 602 2015-03-31, 03:10 AM
Last Post: Heka
  how i can to Change the background image page vip2 18 1,057 2015-02-10, 02:49 AM
Last Post: neverstop
  full screen background(image) idoyonatan 4 404 2015-02-01, 11:04 PM
Last Post: idoyonatan




About Us | Contact Us | CPA Elites | Advertise | Stats | Staff Team

© 2013-2017 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top