Where is the block width set?

Question

JavaScript

Hello! There is an example of the Fancybox script. At
ruseller.com/lessons/les238/index.html

I'm interested in the place "Video from youtube.com (or similar service) in the modal window

" styles for id="fancy_outer". Could not find this place and change it. This window is narrow 400 by 300 pixels somewhere. I wanted to enlarge it. Changing any parameters in the head gives absolutely nothing.

Of course you can change styles. Just theoretically interesting, where is this set? Some kind of mysticism
If you move the window to another monitor, it automatically recalculates

Please write the answer to this particular question, and not how to get around it. Thanks everyone

Answer 1

Use the latest version - fancyapps.com/fancybox/3

Answer 2

The answer to your question is in this piece of code:

<a class="gallery" href="#testube"><img alt="" src="images/atb_s.jpg" /></a>

<div style="display:none" id="testube">
  <!-- HTML - код ролика -->
  <object width="425" height="344">
    <param name="movie" value="http://www.youtube.com/v/sh08XGBE8qc&hl=ru&fs=1"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/sh08XGBE8qc&hl=ru&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
  </object>
</div>

The script (by the way, it is called fancybox) does not "prescribe" (this word has an imperative connotation), but simply duplicates the size of the block, because the container is positioned absolutely. The block itself is responsible for its size.
And yes, the latest version is better in every sense.