Upewnij się, że kursor jest w miejscu, w którym ma zostać wstawiony materiał wideo.
Ostatnia aktualizacja
27 kwi 2021
Informacje o wstawianiu elementów wideo HTML5 na stronach internetowych i podglądzie zawartości wideo w przeglądarce.
Program Dreamweaver umożliwia wstawianie zawartości wideo na strony WWW w języku HTML5.
Element VIDEO języka HTML5 udostępnia standardową metodę osadzania filmów lub materiału wideo na stronach WWW.
Więcej informacji na temat elementu wideo HTML5 podano w artykule HTML5 Video pod adresem W3schools.com.
Wstawianie wideo HTML5
Wybierz polecenie Wstaw > HTML > HTML5 Video. Element VIDEO języka HTML5 zostanie wstawiony w wybranym miejscu.
Określ wartości poszczególnych opcji w panelu Właściwości.
Źródło / Alt. źródło 1 / Alt. źródło 2: W polu Źródło wprowadź położenie pliku wideo. Możesz również kliknąć ikonę folderu, aby wybrać plik wideo z komputera. Różne przeglądarki obsługują różne formaty plików wideo. Jeśli format pliku wideo określonego w polu Źródło nie jest obsługiwany, użyty zostanie plik z pola Alt. źródło 1 lub Alt. źródło 2. Przeglądarka odtworzy materiał z pierwszego pliku wideo o rozpoznawalnym formacie.
Spostrzeżenie
Aby szybko dodać pliki wideo w tych trzech polach, można użyć wielokrotnego zaznaczenia. Jeśli wybierze się trzy formaty wideo dla tego samego pliku wideo z danego folderu, to jako wartość pola Źródło zostanie użyty pierwszy format na liście. Kolejne formaty zostaną użyte do automatycznego wypełnienia pól Alt. źródło 1 oraz Alt. źródło 2.
Poniższa tabela zawiera więcej informacji o formatach wideo obsługiwanych przez poszczególne przeglądarki. Najnowsze informacje podano w artykule HTML5 - Browser Support.
|
Przeglądarka |
MP4 |
WebM |
Ogg |
|
Internet Explorer 9 |
TAK |
NIE |
NIE |
|
Firefox 4.0 |
NIE |
TAK |
TAK |
|
Google Chrome 6 |
TAK |
TAK |
TAK |
|
Apple Safari 5 |
TAK |
NIE |
NIE |
|
Opera 10.6 |
NIE |
TAK |
TAK |
- Tytuł: podaj tytuł materiału wideo.
- Szerokość (Sz.): wprowadź szerokość materiału wideo w pikselach.
- Wysokość (W.): wprowadź wysokość materiału wideo w pikselach.
- Sterowanie: wybierz te opcje, jeśli chcesz wyświetlić na stronie HTML formanty sterujące odtwarzaniem wideo, np. Odtwarzaj, Przerwij i Wycisz.
- Autoodtwarzanie: wybierz tę opcję, jeśli odtwarzanie wideo ma się rozpocząć automatycznie po wczytaniu strony WWW.
- Afisz: wprowadź położenie obrazu, który ma być wyświetlany do czasu, gdy zostanie pobrany cały film lub użytkownik kliknie opcję Odtwarzaj. Wartości Wysokość i Szerokość są wypełniane automatycznie podczas wstawiania obrazu.
- Pętla: wybierz tę opcję, jeśli materiał wideo ma być odtwarzany tak długo, dopóki użytkownik nie zatrzyma odtwarzania.
- Wyciszony: wybierz tę opcję, aby wyciszyć dźwięk w materiale wideo.
- Flash Video: wybierz plik SWF na potrzeby przeglądarek, które nie obsługują wideo HTML5.
- Tekst zastępczy: podaj tekst wyświetlany w przeglądarkach, które nie obsługują standardu HTML5.
- Wstępne ładowanie: określa preferencje twórcy materiału dotyczące sposobu ładowania wideo podczas wczytywania strony. Wybranie opcji Auto powoduje, że przy pobieraniu strony ładowany jest cały materiał wideo. Jeśli wybierzesz opcję Metadane, po zakończeniu pobierania strony pobrane zostaną tylko metadane.
Podgląd wideo w przeglądarce
Zapisz stronę WWW.
Wybierz polecenie Plik > Podgląd w czasie rzeczywistym. Wybierz przeglądarkę, w której chcesz wyświetlić podgląd materiału wideo.
Więcej podobnych
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
