Colocar imagen sobre video
Después de investigar un poco, he conseguido colocar el video bajo la imagen, creo que no es perfecto el código, pues de programación no entiendo mucho, pero el resultado queda bien.
Os dejo el código para que podáis modificarlo, lo que esta en negrita y cursiva, son los parámetros de las imágenes.
<html><head><title>Prueba de overlapping</title><style type="text/css">#capa1{ position:absolute; z-index:2; background-color:transparent; top:0px; left:10px; width:300px; height:12px;}#capa2{ position:absolute; z-index:1;background-color:transparent; top:15px; left:15px; width:400px; height:300px;}#capa3{ position:absolute; z-index:0;background-color:transparent; top:5px; left:25px; width:300px; height:12px;}</style></head><body>
<div id="capa1"></head><style type="text/css">html{overflow-y:hidden;}html { overflow-x:hidden; }</style><html><head> <meta charset="utf-8"> <style> table{ background:transparent url(' https://lh3.googleusercontent.com/0XxMce1HOcaOlsiN7ym2h5eFScX_hSc0mJswrnNk_30cjLZEAuvlijzgK7Evh3PXXILAZyQnRkWyq6uYYKiu0gj6kyq5IxDkspTigKChFXWqPSQy70Iw_jiZ3C4jqdk829fulla2jGv0T4LpAgVEWyfJc_D-rpGXvDzHV1bgb1qlTKFs0XlUF03rcVx0FMuKsqL_7yRUDcOy_MxQyee_27iwIbwhuJPEXVp5dnTGOIZEjGjZCZUr3JOL8C59psHjkb9fHPjNs8S-blxoJh3X5SgR3m05QqEZsdhUApfjAcKuvEK-8aUdVU1UIF94Q0ijUgaHV3rpLf9GxiKov00L_QQv9RF_GmX8LWW8dku8dA1R6s9p7PMELcbwumddU7E3zO93j0jN4Oxoc59Ti0OMMwFchOvcIiOwK4nA1CcqDztJ_OaJfS69q6dD8AzEoJxK4LS6LlG9Y6z5PAqE-e2ZN2ajQVHaW0M4i0yHIDUpepFOQH_vxRUjbPLMn0R1ay3C8W84GK7a9zYVGzJJANuEoCYwc_CUmRZWy3opC6GbY7wiWRpFF_fWvUKSxsLopHuorIZDD1Q9TXK81aaxT6etcBN6HVkjCHBjRjr-tyw4sOqCPXVgAaPmK9tRToyVDNMe26fMP-_vJnDi7utbguEiRkBX8nlASyM6uEsjN-rkQZvk9ZH4kemJef-UTBslD9eFpeamY9oLhWUuB8idrUkxgSQ=w750-h509-no?authuser=0'); background-size:100% 100%; } </style></head><body> <table width="420" height="265"><tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><tr></table> </body> </div><div id="capa2"> <img src="https://lh3.googleusercontent.com/_I3u_e9gM7V9QSGpwZZMVc_FIIbB5cYj8Hvh7GhQK1sbSABuYZY4ccA3tV0am7Ca0QUJ9bBH5-4T_8nD9hs1rlmEW82vQ28OcMu2eAaQH-krjK00f_UJBuZyDrPIcOUNXwWf_vnW_ynXzlHtN0LoG0ODrfqk6GNu5RddM1qk6-O4AooOPidXbhxQ8LwrtBtajfJObR_FYHsV1XkFgHA1W_1pJSmmYxjjqNqBxELHVTXjfQOIo_iq1s7BkAen8Obj7ya5rXw6TOW35zN0ASs19VXxBa_E0LED_qP-ggXbX5NxlGCi2bdmob8KS7dT4-EwX882y9aHebnQqL--WVOR93JtiXHdSyPmz_DSFzMTFE1V2xJE1RXjzkB6cqt_mAY_vP38gS4brw5wdv5CMnQTzrcB0n0prh5MC6BuCybrsD54YfvnZMY933AJ4pgry_GC8SWCsG6lNlHpksPjt7IsFWtViv-8IASTaZe0BAXRXozATsyF4ivNPMBZj9w_bcYTHeGh9Da1zxfgNIQKPOtk4r8yBABa3rTxBPyQyBKs9xyR3JZ0elrJvAleXFp18CtEAp_PaB-OgM8_IzE8lUOuvvyhvVnzQ9k_d37z6EVpZ_fIs0wdenihd123vwmdVOAwZuM5NXARpBluQWa1BDqiRGEvuTCIjFnMNoo9dSbyLcizr1zMAcKHxUIRxTHHJoOb5lqt_3J8kHvgfWnvZyJMv74=s250-k-no"alt="" width="325" height="250" /> </div>
<div id="capa3">
<object xmlns="http://www.w3.org/1999/xhtml" height="250" width="300"><param name="movie" value="//www.youtube.com/v/C1LcP3-UupU&list=PLa8bR3CyyDogxZjsVGeTVC0LwJ2Ak4daf?&version=3&&loop=1&autoplay=1&controls=0&rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed allowfullscreen="true" allowscriptaccess="always" height="250" src="//www.youtube.com/v/C1LcP3-UupU&list=PLa8bR3CyyDogxZjsVGeTVC0LwJ2Ak4daf?hl=es_ES&version=3&&loop=1&autoplay=1&controls=0&rel=0" type="application/x-shockwave-flash" width="330" /></object> </html>
<div id="capa1"></head><style type="text/css">html{overflow-y:hidden;}html { overflow-x:hidden; }</style><html><head> <meta charset="utf-8"> <style> table{ background:transparent url(' https://lh3.googleusercontent.com/0XxMce1HOcaOlsiN7ym2h5eFScX_hSc0mJswrnNk_30cjLZEAuvlijzgK7Evh3PXXILAZyQnRkWyq6uYYKiu0gj6kyq5IxDkspTigKChFXWqPSQy70Iw_jiZ3C4jqdk829fulla2jGv0T4LpAgVEWyfJc_D-rpGXvDzHV1bgb1qlTKFs0XlUF03rcVx0FMuKsqL_7yRUDcOy_MxQyee_27iwIbwhuJPEXVp5dnTGOIZEjGjZCZUr3JOL8C59psHjkb9fHPjNs8S-blxoJh3X5SgR3m05QqEZsdhUApfjAcKuvEK-8aUdVU1UIF94Q0ijUgaHV3rpLf9GxiKov00L_QQv9RF_GmX8LWW8dku8dA1R6s9p7PMELcbwumddU7E3zO93j0jN4Oxoc59Ti0OMMwFchOvcIiOwK4nA1CcqDztJ_OaJfS69q6dD8AzEoJxK4LS6LlG9Y6z5PAqE-e2ZN2ajQVHaW0M4i0yHIDUpepFOQH_vxRUjbPLMn0R1ay3C8W84GK7a9zYVGzJJANuEoCYwc_CUmRZWy3opC6GbY7wiWRpFF_fWvUKSxsLopHuorIZDD1Q9TXK81aaxT6etcBN6HVkjCHBjRjr-tyw4sOqCPXVgAaPmK9tRToyVDNMe26fMP-_vJnDi7utbguEiRkBX8nlASyM6uEsjN-rkQZvk9ZH4kemJef-UTBslD9eFpeamY9oLhWUuB8idrUkxgSQ=w750-h509-no?authuser=0'); background-size:100% 100%; } </style></head><body> <table width="420" height="265"><tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><tr></table> </body> </div><div id="capa2"> <img src="https://lh3.googleusercontent.com/_I3u_e9gM7V9QSGpwZZMVc_FIIbB5cYj8Hvh7GhQK1sbSABuYZY4ccA3tV0am7Ca0QUJ9bBH5-4T_8nD9hs1rlmEW82vQ28OcMu2eAaQH-krjK00f_UJBuZyDrPIcOUNXwWf_vnW_ynXzlHtN0LoG0ODrfqk6GNu5RddM1qk6-O4AooOPidXbhxQ8LwrtBtajfJObR_FYHsV1XkFgHA1W_1pJSmmYxjjqNqBxELHVTXjfQOIo_iq1s7BkAen8Obj7ya5rXw6TOW35zN0ASs19VXxBa_E0LED_qP-ggXbX5NxlGCi2bdmob8KS7dT4-EwX882y9aHebnQqL--WVOR93JtiXHdSyPmz_DSFzMTFE1V2xJE1RXjzkB6cqt_mAY_vP38gS4brw5wdv5CMnQTzrcB0n0prh5MC6BuCybrsD54YfvnZMY933AJ4pgry_GC8SWCsG6lNlHpksPjt7IsFWtViv-8IASTaZe0BAXRXozATsyF4ivNPMBZj9w_bcYTHeGh9Da1zxfgNIQKPOtk4r8yBABa3rTxBPyQyBKs9xyR3JZ0elrJvAleXFp18CtEAp_PaB-OgM8_IzE8lUOuvvyhvVnzQ9k_d37z6EVpZ_fIs0wdenihd123vwmdVOAwZuM5NXARpBluQWa1BDqiRGEvuTCIjFnMNoo9dSbyLcizr1zMAcKHxUIRxTHHJoOb5lqt_3J8kHvgfWnvZyJMv74=s250-k-no"alt="" width="325" height="250" /> </div>
<div id="capa3">
<object xmlns="http://www.w3.org/1999/xhtml" height="250" width="300"><param name="movie" value="//www.youtube.com/v/C1LcP3-UupU&list=PLa8bR3CyyDogxZjsVGeTVC0LwJ2Ak4daf?&version=3&&loop=1&autoplay=1&controls=0&rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed allowfullscreen="true" allowscriptaccess="always" height="250" src="//www.youtube.com/v/C1LcP3-UupU&list=PLa8bR3CyyDogxZjsVGeTVC0LwJ2Ak4daf?hl=es_ES&version=3&&loop=1&autoplay=1&controls=0&rel=0" type="application/x-shockwave-flash" width="330" /></object> </html>
Foto del televisor
