Inne wideo jako tło na stronach

  • Rozwiązano wojtek1904

    (@wojtek1904)


    8 years, 1 months temu

    Witam, mam problem ze zrobieniem innego tła, którym jest wideo, na różnych podstronach. Chodzi o to, że na Stronie1 ma być wideo1, na stronie2 wideo2. Niestety nie do końca wiem jak to zrobić. Udało mi się póki co jedynie zrobić wideo na stronie głównej dodając do page.php taki kod:

    html {
            height: 100%;
        }

        body{
            height: 100%;

            background-size: cover;
        }

        #bg {
            position: fixed;
            left: 0px;
            top: 0px;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            overflow: hidden;
            z-index: -2;
        }
        </style>
     <video id="bg" autoplay="autoplay" loop="loop">
            <source src="wp-content/uploads/animacja.mp4" type="video/mp4" />
            <source src="wp-content/uploads/animacja.webm" type="video/webm" />
        </video>

    Nie wiem natomiast jak zrobić, aby wideo wyświetlało się na podstronach. Nie bardzo mogę znaleźć jakieś reguły css, które by pomogły.
    Szukałem czegoś na googlach, ale porady są tylko dla innego tła jeśli chodzi o obrazek.
    Z góry dzięki za pomoc.

Viewing 1 replies (of 1 total)
  • stachir

    (@stachir)

    8 years temu

    Aby dało się wyświetlać różne filmy na różnych podstronach, konieczna będzie zmiana kodu HTML. W tym przypadku zmiana styli CSS może posłużyć jedynie do sposobu wyświetlania filmu (przykład).

    Zakładając, że możemy zmodyfikować jedynie plik page.php, należy dodać kod decydujący o tym jaki kod HTML ma zostać wyświetlony na konkretnej podstronie. Przykład (źródło):

    <?php if (is_front_page()) { ?>
<video id="bg" autoplay="autoplay" loop="loop">...animacja1.mp4...</div>
<?php } elseif (is_archive()) { ?>
<video id="bg" autoplay="autoplay" loop="loop">...animacja2.mp4...</div>
<?php } elseif ( is_page($pageID)) {
<video id="bg" autoplay="autoplay" loop="loop">...animacja3.mp4...</div>
?>

    Do realizacje tego zadania, konieczne jest właściwe zdefiniowanie podstron, dla których ma być użyty dany kod HTML, posługując się Conditional Tags.

    Zakładając, że możemy posługiwać się nie tylko plikiem page.php, mamy dostęp do katalogu WordPressa i możemy go dowolnie edytować, można skorzystać z opcji tworzenia motywów podstron (Page Templates), która pozwala na tworzenie indywidualnych plików php dla dowolnej podstrony (np. page_about.php, page_contact.php, page_first.php ). W ten sposób da się tworzyć kod, który ma dokładnie odpowiadać danej podstronie, bez konieczności tworzenia warunku if opisanego powyżej.

Viewing 1 replies (of 1 total)
  • Temat ‘Inne wideo jako tło na stronach’ jest zamknięty na nowe odpowiedzi.