2016-03-12 10 views
0

Я работаю над флеш-галереей и для этой галереи, я хотел бы, чтобы видео было определенного размера. Когда я впервые начал работать над ней, вспышка была бы очень маленькой и не имела бы правильного размера. Поздно прошлой ночью я работал с правильными размерами, но по какой-то причине он, кажется, занимает весь тег тела и нажимает на все элементы в элемент html. В качестве примера я поставил тег h1, чтобы показать, как он это делает. Я использую swffit и swfobject, чтобы заставить работать flash, но я почти уверен, что проблема заключается в swffit или даже в моем коде. Я начал приводить пример jsfiddle, но очень неудобно с любыми объектами вспышки, которые я пытался вставить в него. Любая помощь по этому поводу будет высоко оценена.Повторная калибровка флеш-объекта не работает правильно

SWFObject: https://github.com/swfobject/swfobject.git

SWFFIT: http://swffit.millermedeiros.com/

HTML и JAVASCRIPT

<!doctype html> 

<html lang="en"> 

<head> 
    <meta charset="utf-8"> 

    <title>Flash Test</title> 
    <meta name="description" content="Flash stuff"> 
    <meta name="author" content="SitePoint"> 

    <link rel="stylesheet" href="styles/style.css"> 
    <script src="js/swfobject.js"></script> 
    <script src="js/swffit.js"></script> 

    <script type="text/javascript"> 
     var height = window.innerHeight - 160; 
     var width = window.innerWidth - 140; 
     if ((height * 1.375) < width) { 
      width = height * 1.375; 
     } else { 
      height = width/1.375; 
     } 
    </script> 

    <script type="text/javascript"> 
     var flashvars = {}, 
      //params = {wmode:"transparent"}, 
      params = {}, 
      attributes = {}; 
     swfobject.embedSWF("swfs/scoob.swf", "moviefun", width -140, height -160, "9.0.0", "js/swfobject.js", flashvars, params, attributes); 
     swffit.fit("moviefun", "1", "1", width, height, true, false); 
    </script> 

</head> 

<body> 
    <script type="text/javascript"> 
     window.onresize = doResize; 

     function doResize() { 
      height = window.innerHeight - 160; 
      width = window.innerWidth - 140; 
      if ((height * 0.7175) < width) { 
       width = height * 0.7175; 
      } else { 
       height = width/0.7175; 
      }; 
      swffit.fit("moviefun", "1", "1", width, height, true, false) 
     } 
    </script> 
    <div> 
     <h1 id="mainText">Hey there</h1> 
     <div id="moviefun">It didn't work prob bc of internet explorer... if not though can't help ya......</div> 
    </div> 
    <script src="scripts.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
</body> 

</html> 

CSS

body { 
    background-color: red; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #FFFFFF; 
    font-size: 10px; 
} 

#moviefun { 
    position: absolute; 
    top: 0px; 
    left: 70px; 
    background-color: red; 
} 

#mainText { 
    background: yellow; 
} 

Это изображение задачи с IT BEING МАЛЫЙ ЧЕМ ЕГО ПРЕДПОЛАГАЛОСЬ БЫТЬ И ЕЩЕ ЕЩЕ ЕЩЕ E в HTML TAG

https://i.gyazo.com/6fc868e77cb8ddbb0f5e477f1b2caf17.png

ответ

1

Изменение размера SWF лучше всего обрабатываются путем изменения размера родительского контейнера. См. Resize an SWF when loading it with SWFObject

+0

Извините, что не комментировал раньше, но я отправился в небольшую поездку, но теперь, когда я вернулся, я прочитал ссылку, которую вы отправили, и прочитал несколько других статей о swfobject и swffit, но мне все еще кажется проблема с тем, что сам флеш-видео перекрывает любой другой контент, который я пытаюсь поставить под него. – cosmichero2025

+1

. Это другой вопрос и общий сценарий http://stackoverflow.com/questions/7744760/when-using-swfobject-swf-file -ignores-z-index – pipwerks

+0

Спасибо, я, наконец, получил изменение, чтобы взглянуть на все это, и это помогло с моей проблемой – cosmichero2025