Nowy szablon HTML Pełny Ekran: fullbrowser.swhtml

Marzec 18th, 2012 przez admin


Na forums.swishzone.com był temat o tym, jak zmienić rozmiar opublikowanego filmu SWF w nawiązaniu do bieżących wymiarów przeglądarki. Jak widać z filmu demonstracyjnego poniżej szablon domyślny default html nie zmienia rozmiaru filmu .swf by wypełnić wolną przestrzeń w przeglądarce. W tym artykule opisano sposób w jaki można zmodyfikować plik html, tak by film swf zmieniał rozmiar na pełny ekran w bieżącej przeglądarce. (Zobacz drugi przykład w filmie poniżej). Zmiany mogą być stosowane poprzez użycie nowego szablonu html  fullbrowser.swhtml , który jest podany w tym wpisie.

Szablon / modyfikacje będą pracowały w Max3, Max4, miniMax3 i miniMax4 i zostały przetestowane z IE9, Firefox 9.01, Google Chrome 16.0.912.75 m i Safari 5.1. Gdy używane z IE9 i Firefox, pasek przewijania się pokazuje.

Instalowanie nowego szablonu html

Pobrać szablon html z tutaj , odpakuj, skopiuj do foldera szablonów html, który jest normalnie w tej lokalizacji:

C:\Program Files\SWiSH Max4 (lub miniMax4, Max3 lub miniMax3)\HTMLTemplates

Jeśli używasz 64-bitowego systemu operacyjnego, to folder programów to:

C:\Program Files (x86)

Jeśli używasz Vista lub Windows7 trzeba podać hasło administratora lub o potwierdzenie operacji kopiowania.

Po zainstalowaniu tego szablonu, można go wybrać za pomocą Plik | Ustawienia eksportu i wybrania fullbrowser.swhtml

Gdy następnym razem będziesz eksportować twój film za pomocą Plik | Eksport | HTML+SWF…

Będzie to wyksportowane z użyciem szablonu fullbrowser.

Ręczne modyfikacje

Ta metoda może być użyta jeśli nie jest możliwa ponowna publikacja za pomocą szablonu fullbrowser. Może być ona także użyta by zmienić zachowanie innych szablonów swhtml.

Otwórz plik html (lub swhtml) plik w edytorze tekstów. Notatnik może być być, jeśli nie ma nic innego. Poszukaj Original Style Code i wymień na Full Browser Style Code.

Początkowy kody stylu

<style type="text/css">
/*<![CDATA[*/
*
{
    margin: 0;
    padding: 0;
    height: 100%;
}
object
{
    vertical-align: top;
}
/*]]>*/
</style>

Kod stylu pełny ekran Full Browser

<style type="text/css">
/*<![CDATA[*/
*
{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
object
{
    height: 100%;
    width: 100%;
}
/*]]>*/
</style>

Notki

Zmiany mogą nie działać na niektórych dostarczonych site-ach czy galeriach, z uwagi na ich specyfikę. Jestem przekonany, że to ze względu na sposób, w jaki został utworzony pre-loader. Modyfikacje działają również w niedawno opublikowanym Sliding Slideshow gallery i znacznie poprawiają końcowy efekt.

.