Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/04/2015, 06:29
robertoferran
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Video descentrado (o no visible) en dispositivos móviles. html5.

CÓDIGO HTML


Código HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="es" lang="es">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="Generator" content="iWeb 3.0.1" />
    <meta name="iWeb-Build" content="local-build-20150410" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=1024" />
    <title>empresa</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="empresa_files/empresa.css" />
    <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='empresa_files/empresaIE.css'/><![endif]-->
    <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
    <script type="text/javascript" src="Scripts/iWebSite.js"></script>
    <script type="text/javascript" src="Scripts/iWebImage.js"></script>
    <script type="text/javascript" src="empresa_files/empresa.js"></script>
  </head>
  <body style="background: rgb(255, 255, 255) url(empresa_files/strange_bullseyes.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();">
    <div style="text-align: center; ">
    
<video id="spotempresa" loop autoplay preload poster="empresa_files/spotempresa.png" class="spotempresa">
        <source src="empresa_files/spotempresa.mp4" type="video/mp4" />
        <source src="empresa_files/spotempresa.webm" type="video/webm" />
        <source src="empresa_files/spotempresa.ogv" type="video/ogg" />
    </video>
    
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word;  background: transparent; text-align: left; width: 1024px; " id="body_content">
        <div style="float: left; margin-left: 0px; position: relative; width: 1024px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
          <div style="clear: both; height: 0px; line-height: 0px; " class="spacer">*</div>
        </div>
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 1024px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 1024px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
          <div id="id1" style="height: 50px; left: 0px; position: absolute; top: 0px; width: 1024px; z-index: 1; " class="style_SkipStroke shape-with-text">
            <div class="text-content graphic_shape_layout_style_default_External_1024_50" style="padding: 0px; ">
              <div class="graphic_shape_layout_style_default"></div>
            </div>
          </div>
          


          <div style="height: 38px; width: 161px;  height: 38px; left: 20px; position: absolute; top: 8px; width: 161px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_0">
            <a href="Inicio.html" title="Inicio.html"><img src="empresa_files/Logo%20empresax%20nuevo.png" alt="" style="border: none; height: 39px; width: 161px; " /></a>
          </div> 
.
.
.
.
.
.
.