Jak odseparować od siebie dwa pliki .css?


(Mmartyka88) #1

Witam serdecznie,

Z nudów robiłem stronkę by przetestować pluginy jQuery. Jeden z pluginów, który testuję na stronie jest:

http://mediaelementjs.com/

Jest to taki odtwarzacz, który korzysta z tagu w HTML5.

Używam do niego 2 styli. Jeden pod odtwarzacz video, a drugi pod odtwarzacz audio.

Tak wygląda strona z odtwarzaczem audio + audio.css (dałem link bo zdjęcie jest dosyć spore):

Odtwarzacz jest na dole po prawej pod bannerami.

Do wczytywania podstron używam:

<?php= array_keys($_GET);ob_start();$a[0])

(manieKMP) #2

A próbowałeś przeróbki pliku mediaelement.js?

Np. "dublujesz" ten plik, jeden nazywasz video.js (nic w nim nie zmieniając), a drugi mianujesz jako audio.js (zmieniając w nim nazwy klas/id). Po tym podajesz zmiany w audio.css, by pasowały do zmian w drugim pliku js.

Wtedy nie powinno być konfliktu.


(Mmartyka88) #3

Tak przerabiałem tam klasy z dodaniem cyferki. Oczywiście mówię tu o klasach z CSS w tym pliku mediaelement.js. Podmienilem również w audio.css dodając 1 do każdej nazwy klasy.

Niestety po wgraniu kontakt.html te oba CSS jakimś cudem nadal wykrywaja jednolite klasy i powstaje konflikt.

Postanowiłem jednak zedytować player audio tak aby odtwarzał z okładką i nazwą wykonawcy :).

Problem można uznać za zamknięty.

Tutaj dodaję wynik rozwiązania: