Jak zrobić rozwijane menu w css3 i html5 jaki kod?

aktywny27 · 14 Maj 2017 23:07

Jak zrobić rozwijane menu w css3 i html5 i jaki konkretny kod i jak wstawić własne rozwijane menu które które zrobię jakimś programem graficznym bo w googlach dużo jest i próbowałem z youtube robić to mi nie wychodziło .Proszę o pomoc

anon52095999 · 15 Maj 2017 00:46

Jedne z najprostszych: https://www.w3schools.com/css/css_dropdowns.asp

Ewentualnie podpiąć Bootstrapa i się bawić: http://getbootstrap.com/components/#navbar

aktywny27 · 15 Maj 2017 08:01

Ale wiem o tej stronie bo też wcześniej ją oglądałem ale czy można wstawić swój zrobione menu rozwijane które zrobiłem w programie graficzny i jak połączyć z menu rozwijanego do własnych podstron.A jak wstawić własny button i odnośnik do strony i jak wstawić tekst na stronie głównej i logo.Bo w necie jest ale jakie to kody

anon53508325 · 15 Maj 2017 08:52

Jak to jest statyczna witryna to zrób sobie najpierw kod na główną stronę i pokopiuj, powklejaj do kodu podstron i kontroluj potem działanie linków na podstronach, możesz resetować wstawiając na początku linka / i będzie tworzyło link zaczynając od domeny i dodając to co masz w atrybucie href dla tagu a.

Co do programu to może podaj co to za program i może jakiś zrzut ekranowy obrazów (można by je podpiąć jako tło dla danego znacznika z menu czy coś), dużo efektów można zrobić w css3 np. cienie, okrągłe rogi, efekty 3d, animacje, przezroczystość.

Button http://www.kurshtml.edu.pl/html/przycisk,formularze.html
Odsyłacze http://www.kurshtml.edu.pl/html/odsylacze.html
Obrazki http://www.kurshtml.edu.pl/html/obrazek,multimedia.html

aktywny27 · 15 Maj 2017 16:03

Free Web Buttons to jest ten program.A jak zrobić choćby coś takiego jak tu na stronie dobre programy górnyy pasek czarny lub inny kolor i przyciski na tym czarnym tle i jak podpiąć stronę css kodem w html5.Bo próbuje z neta ściągać gotowe kody to mi nie wychodzi .

anon53508325 · 16 Maj 2017 09:01

[details=przykładowy szkielet witryny html5 (kliknij aby zobaczyć / schować)]

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>The HTML5 Template</title>
  <meta name="description" content="The my website in HTML5">
  <meta name="author" content="aktywny27">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

  <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
</head>

<body>

</body>
</html>
```[/details]

Następnie musisz ustalić jakimi tagami zrobisz nawigacje często używana jest do tego lista (**ul**).
Dla niej wtedy ukrywasz kropki, ustawiasz by wyświetlała się w poziomie, jak potrzebujesz to zagnieżdżasz w jakimś li kolejne podmenu tagiem ul.
Potem sobie ustawiasz by takie zagnieżdżone menu pojawiało się po najechaniu i dla niego możesz zostawić wyświetlanie w pionie.
Dodatkowo możesz go otoczyć tagiem nav http://www.kurshtml.edu.pl/html/nav,html5.html

Patrząc na to co tworzy program Free Web Buttons, to są to pojedyncze pliki graficzne, tak zwane „duszki”.
Układ w poziomie / pionie uzyskują najprościej tabelą (raczej nie polecam).

Do pliku css i siebie potrzebujesz przekopiować wtedy kod z tagu style:

#web-buttons-idp3zmi a{display:block;color:transparent;} #web-buttons-idp3zmi a:hover{background-position:left bottom;}

(fragment typu _a#web-buttons-idp3zmia {display:none}_ ukrywa w kodzie informacje o generatorze przycisku - można pominąć przy optymalizacji kodu)

i też z atrybutów style:

style=“background-image:url(es-files/btp3zmi.png);width:118px;height:40px;display:block;”

wtedy do linków należy dodać identyfikatory (albo klasy) by wyświetlała się odpowiednia grafika.

do każdego li wtedy wklejasz kod html:

Możesz kopiować bezpośrednio z wyeksportowanego pliku html z programu Free web buttons i pamiętaj by dodać wtedy id/klasę, atrybut style możesz wycinać jak przeniesiesz jego zawartość do pliku css.



Jak dla mnie tak generowany button  będzie trudny do zrozumienia jak się nie załaduje obrazek i nawet wyskakująca chmurka z tekstowym opisem może zniechęcić.
Może łatwiej będzie znaleźć generator przycisków w css3 i lekko zmodyfikować kod wygenerowany na:\
http://profilki.pl/dodatki/menu-rozwijane

aktywny27 · 16 Maj 2017 12:30

Bo używam notepad++ i mam utworzony folder i jak mam zrobioną stronę w html to zapisuje ją tak moje.html i jęyk przy zapisywaniu html i potem w na nowej stronie jak chcę zapisać plik css to to format zapisy css i i tylko moje bez css i wtedy jest poprawnie.I w kodzie jak ma być poprawnie bo tak mam i działa :.Tak może być ale próbowałem z tego generatora css coś podał i zrobiłem moje bez css.I nie działało i nie było pasek z rozwijanym menu

anon53508325 · 16 Maj 2017 12:53

Czyli masz plik “moje” i tam jest kod css? Nevermind, powinno to działać też bez roszerzenia .css.

Kod w sumie wychodzi poprawny z generatora butonów, propozycja przeniesienia osadzonych stylów była tylko dla wygody by edytować jeden plik, A nie klika plików html dla statycznej witryny.
Co do tabeli i takiego sposobu na poziome/pionowe menu, to moim zdaniem poziome lepiej zrobić w ul, li, a lub samo a i ustawić w poziomie (mniej kodu do załadowania).

Hmmm, może kod css się nie ładuje lub masz pecha i sobie go jakoś nadpisujesz. Albo namieszałeś w tamtym kodzie tymi buttonami i się rozleciał. Jak do niego byś chciał wstawić buttony to proponuję ustawić tam podobne kolory i potem dopisać brakujące style css by było widać tło dla przycisku nawet bez najechania. W ten sposób będziesz mógł uniknąć nadmiernych grafik i najwyżej się ograniczyć do 1 gdy próba zrobienia przycisku w css3 nie da zawalającego efektu jako zamiennik grafiki.

aktywny27 · 16 Maj 2017 18:34

I nie wiem co jest źle

aktywny27 · 16 Maj 2017 18:40

Ten kod z tego generatora:

#prof_m ul > li:last-of-type > a, #prof_m ul > li:last-of-type > span { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; ;}#prof_m ul > li:first-of-type > a, #prof_m ul > li:first-of-type > span { border-top-left-radius: 2px; border-top-right-radius: 2px; ;}#prof_m > li:last-of-type > a, #prof_m > li:last-of-type > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; ;}#prof_m > li:first-of-type > a, #prof_m > li:first-of-type > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; ;}#profilki_menu_container a:hover { background: initial; color: initial; ;}#profilki_menu_container { padding: 6px; text-align: center; vertical-align: top; ;}#profilki_menu_container * { box-sizing: border-box; ;}#prof_m { display: inline-block; border-radius: 2px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; z-index: 98; margin: 0px; padding: 0px; font: bold 18px Arial; overflow: visible; max-height: 444px; border: 1px solid rgb(204, 204, 204); transition: all 0s ease 0s; box-shadow: none; ;}ul#prof_m li, ul#prof_m li > span, ul#prof_m li > a, ul#prof_m li > a > span { font: inherit; height: auto; ;}#prof_m li { margin: 0px; padding: 4px; width: 100%; position: relative; list-style: outside none none; transition: inherit; ;}#prof_m > li { display: inline-block; padding: 7px; width: auto; ;}#prof_m ul > li { margin: 0px; display: block; padding: 7px; ;}#prof_m li > a, #prof_m li > span { color: rgb(68, 68, 68); text-decoration: none; display: inline-block; padding: 4px 12px; margin: 0px; border-radius: 2px; cursor: pointer; white-space: nowrap; transition: inherit; ;}#prof_m ul > li > a, #prof_m ul > li > span { white-space: nowrap; display: block; color: rgb(68, 68, 68); background-color: transparent; background-image: none; border-radius: 2px; border: 0px solid rgb(204, 204, 204); padding: 4px 12px; box-shadow: none; text-shadow: none; ;}#prof_m > li > a, #prof_m > li > span { transition: inherit; color: rgb(68, 68, 68); background-color: transparent; border: 0px solid rgb(204, 204, 204); background-image: none; border-radius: 2px; padding: 4px 12px; box-shadow: none; text-shadow: none; ;}#prof_m > li:hover > a, #prof_m > li:hover > span { color: rgb(255, 255, 255); background-color: rgb(255, 51, 98); ;}#prof_m ul > li:hover > a, #prof_m ul > li:hover > span { color: rgb(255, 255, 255); background-color: rgb(255, 51, 98); ;}#prof_m li:hover > ul, #prof_m li.hover > ul { display: block; ;}#prof_m ul { display: none; text-align: left; margin: 0px; padding: 0px; min-width: 72px; position: absolute; top: 100%; left: -1px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; font: bold 18px Arial; border-radius: 2px; z-index: 99; transition: inherit; overflow: visible; max-height: 999px; width: auto; border: 1px solid rgb(204, 204, 204); box-shadow: none; ;}#prof_m ul a { ;}#prof_m ul ul { left: 100%; top: 0px; ;}

Gry
- Formy

profilki

aktywny27 · 16 Maj 2017 18:56

Rozwijane menu w CSS3

Tak się zaczyna ten kod

anon53508325 · 17 Maj 2017 05:57

Spróbuj go wrzucić może na wklej.org, w poście chyba się tu nie zmieści nawet w tagu:

<code>…</code>
```…```
[code]…[/code]

aktywny27 · 17 Maj 2017 15:20

Oto link:
http://wklej.org/id/3116185/
http://wklej.org/id/3116188/

anon53508325 · 18 Maj 2017 08:46

Aha już rozumiem.

Zmodyfikowany css3 pod twój kod:

#menu ul > li:last-of-type > a, #menu ul > li:last-of-type > span { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } #menu ul > li:first-of-type > a, #menu ul > li:first-of-type > span { border-top-left-radius: 2px; border-top-right-radius: 2px; } #menu > li:last-of-type > a, #menu > li:last-of-type > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } #menu > li:first-of-type > a, #menu > li:first-of-type > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } #kontener a:hover { background: initial; color: initial; } #kontener { padding: 6px; text-align: center; vertical-align: top; } #kontener * { box-sizing: border-box; } #menu { display: inline-block; border-radius: 2px; background: none rgb(238, 238, 238); z-index: 98; margin: 0px; padding: 0px; font-style: normal; font-variant: normal; font-weight: bold; font-stretch: normal; font-size: 18px; line-height: normal; font-family: Arial; overflow: visible; max-height: 444px; border: 1px solid rgb(204, 204, 204); transition: all 0s ease; box-shadow: none; } ul#menu li, ul#menu li > span, ul#menu li > a, ul#menu li > a > span { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; height: auto; } #menu li { margin: 0px; padding: 4px; width: 100%; position: relative; list-style: none; transition: inherit; } #menu > li { display: inline-block; padding: 7px; width: auto; } #menu ul > li { margin: 0px; display: block; padding: 7px; } #menu li > a, #menu li > span { color: rgb(68, 68, 68); text-decoration: none; display: inline-block; padding: 4px 12px; margin: 0px; border-radius: 2px; cursor: pointer; white-space: nowrap; transition: inherit; } #menu ul > li > a, #menu ul > li > span { white-space: nowrap; display: block; color: rgb(68, 68, 68); background-color: rgba(0, 0, 0, 0); background-image: none; border-radius: 2px; border: 0px solid rgb(204, 204, 204); padding: 4px 12px; box-shadow: none; text-shadow: none; } #menu > li > a, #menu > li > span { transition: inherit; color: rgb(68, 68, 68); background-color: rgba(0, 0, 0, 0); border: 0px solid rgb(204, 204, 204); background-image: none; border-radius: 2px; padding: 4px 12px; box-shadow: none; text-shadow: none; } #menu > li:hover > a, #menu > li:hover > span { color: rgb(255, 255, 255); background-color: rgb(255, 51, 98); } #menu ul > li:hover > a, #menu ul > li:hover > span { color: rgb(255, 255, 255); background-color: rgb(255, 51, 98); } #menu li:hover > ul, #menu li.hover > ul { display: block; } #menu ul { display: none; text-align: left; margin: 0px; padding: 0px; min-width: 72px; position: absolute; top: 100%; left: -1px; background: none rgb(238, 238, 238); font-style: normal; font-variant: normal; font-weight: bold; font-stretch: normal; font-size: 18px; line-height: normal; font-family: Arial; border-radius: 2px; z-index: 99; transition: inherit; overflow: visible; max-height: 999px; width: auto; border: 1px solid rgb(204, 204, 204); box-shadow: none; } #menu ul a { /* style dla linków w menu */ } #menu ul ul { left: 100%; top: 0px; }

I kod HTML (masz skądś skopiowany 2 razy kawałek head - usunąłem, pewnie z podanego przez mnie mikro szkieletu strony w html5):

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8 />
        <title>Rozwijane menu w CSS3</title>
        <link href="rog.css" rel="stylesheet">
    </head>
    <body>
        <div id="kontener">
            <ul id="menu">
                <li><a href="#">Strona Główna</a></li>
                <li>
                    <a href="#">Zarabianie</a>
                    <ul>
                        <li><a href="#">Buxy</a></li>
                        <li><a href="#">SUB-SMS</a></li>
                        <li><a href="#">GPT</a></li>
                        <li><a href="#">Praca na kamerkach</a></li>
                        <li><a href="#">Ankiety</a></li>
                        <li><a href="#">Zarabianie na grach</a></li>
                        <li><a href="#">Skracacz linków-zarobek</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <h1>This is a Heading</h1>
        <p>This is a paragraph.</p>
    </body>
</html>

Usunąłem tag z opcją importu do generatora profilków.
Poprawiłem też zamknięcie tagu li (było z jakiegoś powodu w złym miejscu - przeglądarka widać ignorowała) (2017-05-24).

aktywny27 · 18 Maj 2017 12:11

A z tego generatorka jaki kod html pod css
Coś takiego na próbę zrobiłem:
http://www.wklej.org/id/3116970/

A dzięki za kod będę się bawił może wieczorem.

anon53508325 · 18 Maj 2017 12:16

Nie widzę w tym znaczącej różnicy patrząc na poprzedni kod:
http://www.wklej.org/id/3116970/txt/

aktywny27 · 18 Maj 2017 12:16

Działa dzięki szacun dla ciebie jak potrzebujesz jakieś programy,gry,filmy pisz do mnie

aktywny27 · 21 Maj 2017 22:15

A jak wstawić pli avi na stronę główna i żeby zaraz po otwarciu strony się otwierał plik avi jaki kod w html5 i css3

anon53508325 · 22 Maj 2017 08:19

https://www.w3schools.com/html/html5_video.asp - osadzenie wideo
https://www.w3schools.com/tags/att_video_autoplay.asp - autoodtwarzenie
https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats, http://diveintohtml5.info/video.html - kompatybilne formaty wideo i audio (Avi tam nie ma więc trzeba przekonwertować film na jeden lub kilka formatów, np. mp4, ogv, webm)

Desktop

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	3.0	3.5 (1.9.1)	9.0	10.50	3.1
<audio>: PCM in WAVE	(Yes)	3.5 (1.9.1)	No support	10.50	3.1
<audio>: Vorbis in WebM	(Yes)	4.0 (2.0)	No support	10.60	3.1[1]
<audio>: Streaming Vorbis/Opus in WebM via MSE	?	36.0 (36.0)[2]	?	?	?
<audio>: Vorbis in Ogg	(Yes)	3.5 (1.9.1)	No support	10.50	No support
<audio>: MP3	(Yes)[4]	(Yes)[5]	9.0	(Yes)	3.1
<audio>: MP3 in MP4	?	?	?	?	(Yes)
<audio>: AAC in MP4	(Yes)[6]	(Yes)[7]	9.0	(Yes)	3.1
<audio>: Opus in Ogg	27.0	15.0 (15.0)	?	?	?
<audio>: FLAC	No support	51 (51)	No support	No support	No support
<audio>: FLAC in Ogg	No support	51 (51)	No support	No support	No support
<video>: VP8 and Vorbis in WebM	6.0	4.0 (2.0)	9.0[8]	10.60	3.1[9]
<video>: VP9 and Opus in WebM	29.0	28.0 (28.0)[36]	?	(Yes)	?
<video>: Streaming WebM via MSE	?	42.0 (42.0)[35]	?	?	?
<video>: Theora and Vorbis in Ogg	(Yes)	3.5 (1.9.1)	No support	10.50	No support
<video>: H.264 and MP3 in MP4	(Yes)[4]	(Yes)[10]	9.0	(Yes)	(Yes)
<video>: H.264 and AAC in MP4	(Yes)[4]	(Yes)[11]	9.0	(Yes)	3.1
<video>: FLAC in MP4	?	51 (51)	?	?	?
any other format	No support	No support	No support	No support	3.1[12]

Mobile

Feature	Android	Firefox Mobile (Gecko)	Firefox OS (Gecko)	IE Mobile	Opera Mobile	Opera Mini	Safari Mobile	Chrome for Android
Basic support	2.3	24.0	1.0.1	10.0	11.0	(Yes)[13]	3.2	29.0
<audio>: PCM in WAVE	?	24.0	1.0.1	No support	No support	(Yes)[14]	3.2	?
<audio>: Vorbis in WebM	?	24.0	1.0.1	No support	11.0	(Yes)[15]	No support	?
<audio>: Streaming Vorbis in WebM via MSE	?	?	?	?	?	?	?	?
<audio>: Vorbis in Ogg	?	24.0	1.0.1	No support	11.0	(Yes)[16]	No support	?
<audio>: MP3	?	(Yes)[17]	(Yes)[18]	10.0	?	(Yes)[19]	3.2	?
<audio>: MP3 in MP4	?	?	?	?	?	?	(Yes)	?
<audio>: AAC in MP4	?	(Yes)[20]	(Yes)[21]	10.0	?	(Yes)[22]	(Yes)	?
<audio>: Opus in Ogg	No support	24.0	No support	No support	No support	(Yes)[23]	No support	No support
<video>: VP8 and Vorbis in WebM	2.3	24.0	1.0.1	No support	16.0	(Yes)[24]	No support	29.0
<video>: VP9 and Opus in WebM	?	?	?	?	?	?	?	?
<video>: Streaming WebM via MSE	?	42.0 (42.0)	?	?	?	?	?	?
<video>: Theora and Vorbis in Ogg	No support	24.0	1.0.1	No support	No support	(Yes)[25]	No support	No support
<video>: H.264 and MP3 in MP4	(Yes)[26]	24.0[33]	(Yes)[27]	10.0	16.0[28]	(Yes)[29]	(Yes)	29.0
<video>: H.264 and AAC in MP4	(Yes)[30]	24.0[34]	(Yes)[31]	10.0	16.0[28]	(Yes)[32]	3.2	29.0
<video>: FLAC in MP4	?	51.0 (51)	?	?	?	?	?	?
any other format	?	?	?	?	?	?	?	?

[details=Szczegóły do punktów z tabel][1] Must be installed separately.

[2] In Nightly/Dev Edition only.

[3] Only on platforms that don’t support H.264.

[4] AAC is only supported in the MP4 container. Not in Chromium.

[5] To avoid patent issues, support for MP3 is not built directly into Firefox. Instead it relies on support from the OS. Firefox supports this format on the following platforms: Windows Vista+ since Firefox 22.0, Android since Firefox 20.0, Firefox OS since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and OS X 10.7 since Firefox 35.0.

[6] Main only. Not in Chromium. AAC is only supported in the MP4 container.

[7] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4 and AAC is not built directly into Firefox. Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4). Firefox supports these formats on the following platforms: Windows Vista+ since Firefox 22.0, Android since Firefox 20.0, Firefox OS since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and OS X 10.7 since Firefox 35.0.

[8] must be installed separately, e.g. WebM MF.

[9] Must be installed separately, e.g. Perian.

[10] To avoid patent issues, support for MPEG 4, H.264 and MP3 is not built directly into Firefox. Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4). Firefox supports these formats on the following platforms: Windows Vista+ since Firefox 22.0, Android since Firefox 20.0, Firefox OS since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and OS X 10.7 since Firefox 35.0.

[11] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4, H.264 and AAC is not built directly into Firefox. Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4). Firefox supports these formats on the following platforms: Windows Vista+ since Firefox 22.0, Android since Firefox 20.0, Firefox OS since Firefox 15.0, Linux since Firefox 26.0 (relies on GStreamer codecs) and OS X 10.7 since Firefox 35.0.

[12] Plays all formats available via QuickTime.

[13] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[14] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[15] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[16] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[17] To avoid patent issues, support for MP3 is not built directly into Firefox Mobile (Android). Instead it relies on support from the OS or hardware.

[18] To avoid patent issues, support for MP3 is not built directly into Firefox OS. Instead it relies on support from the OS or hardware.

[19] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[20] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4 and AAC is not built directly into Firefox Mobile (Android). Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4).

[21] AAC is only supported in the MP4 container. To avoid patent issues, support for MPEG 4 and AAC is not built directly into Firefox OS. Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4).

[22] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats. AAC is only supported in the MP4 container.

[23] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[24] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[25] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[26] To get the default Android browser to play H.264 video, you need to jump through some hoops, as explained by Peter Gasston.

[27] In Firefox OS 1.0.1, when detecting support for different formats, HTMLMediaElement.prototype.canPlayType incorrectly reports true for h.264 video whereas in actual fact h.264 is not supported. In Firefox OS 1.1 this problem has been fixed.
To avoid patent issues, support for MPEG 4, H.264 and MP3 is not built directly into Firefox Mobile (Android) and Firefox OS. Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4).

[28] Partial since 11.0. AAC is only supported in the MP4 container.

[29] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats.

[30] AAC is only supported in the MP4 container. To get the default Android browser to play H.264 video, you need to jump through some hoops, as explained by Peter Gasston.

[31] In Firefox OS 1.0.1, when detecting support for different formats, HTMLMediaElement.prototype.canPlayType incorrectly reports true for h.264 video whereas in actual fact h.264 is not supported. In Firefox OS 1.1 this problem has been fixed. AAC is only supported in the MP4 container.
To avoid patent issues, support for MPEG 4, H.264 and ACC is not built directly into Firefox OS. Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4).

[32] Opera Mini itself doesn’t support any video or audio, but any video or audio is passed to the device to play if it has support for that format. Opera Mobile also does this with unsupported formats. AAC is only supported in the MP4 container.

[33] To avoid patent issues, support for MPEG 4, H.264 and MP3 is not built directly into Firefox Mobile (Android). Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4).

[34] To avoid patent issues, support for MPEG 4, H.264 and ACC is not built directly into Firefox Mobile (Android). Instead it relies on support from the OS or hardware (the hardware also needs to be able to support the profile used to encode the video, in the case of MP4).

[35] VP8/VP9 video codecs are only available in MSE when H.264 hardware decoders are not available. Checking for availability via MediaSource.isTypeSupported() is recommended.

[36] Starting in Firefox 46, when attempting to initiate a WebRTC call using RTCPeerConnection.createOffer() uses VP9 by default; in the past, VP8 was the default video format.[/details]

aktywny27 · 22 Maj 2017 11:45

Próbowałem z tej strony zrobić co w3schools i przekonwertowałem plik avi na mp4 i ogg i nie otworzyło się w autoodtwarzaniu tylko się kołko kręciło i nic nie było