Na potrzeby pewnego zadania szkolnego, muszę umieścić filmy z jakichkolwiek serwisów na swojej stronie internetowej oraz na odtwarzaczu html5, ktoś sie może orientuje jak mogę tego dokonać ?
Na youtube przy dowolnym filmie dajesz “Udostępnij” > “Umieść na stronie” i dostajesz gotowy kod do wklejenia.
W google chrome wchodzisz na stronę z video w html5 np.
Klikasz prawym przyciskiem z menu wybierasz ‘kopiuj link do wideo’ (w innych przeglądarkach to też powinno być).
Później tworzysz plik html z tym plikiem mp4:
<video width="320" height="240" controls>
<source src="http://fat.gfycat.com/ThoroughWillingHairstreakbutterfly.mp4" type="video/mp4">
Przeglądarką nie obsługuje wideo html5 video
</video>
Oczywiście możesz podać inne formaty niż mp4 -WebM, Ogg
http://www.w3schools.com/html/html5_video.asp
Działało by to lecz co jeśli chcę np film z yt który ma własny player?
Przełączasz youtube na html. Bo filmików we flash nie możesz wyświetlać w html5.
Wchodzisz na stronę filmu w operze 12.17, bierzesz zbadaj element i pokazujesz wideo. Dostajesz taki kod:
<video style="left: 0px; transform: none; top: 0px; width: 640px; height: 360px;" class="video-stream html5-main-video" src="https://r7---sn-2va3vhuxa-f5fl.googlevideo.com/videoplayback?sparams=dur%2Cid%2Cinitcwndbps%2Cip%2Cipbits%2Citag%2Cmime%2Cmm%2Cms%2Cmv%2Cpl%2Cratebypass%2Crequiressl%2Csource%2Cupn%2Cexpire&expire=1428642694&ipbits=0&sver=3&initcwndbps=1013750&key=yt5&itag=43&mime=video%2Fwebm&upn=B6dGbuqvaS4&signature=9719A122AC2CA8396E06AA3EA480DAE4B5E26851.049AB55BEF4DF2D098E788A870F35EABC2E22A7B&ratebypass=yes&ip=5.172.247.209&source=youtube&mv=m&mt=1428621016&ms=au&fexp=900720%2C907263%2C932627%2C932631%2C934954%2C938028%2C9406392%2C9407432%2C9408208%2C9408705%2C9408777%2C9408937%2C947243%2C948124%2C948703%2C951703%2C952612%2C957201%2C961404%2C961406%2C963203&pl=19&mm=31&dur=0.000&requiressl=yes&id=o-AN8Gwg3hc03e1V1YkBnZv_xLg7KYWpKu8qcgDtMrRvWi&cpn=qNWgxlMWOEC9y2E0&ptk=Agora&oid=0I6cfVbQ096k3AIufQ9Yqg&ptchn=8oAVQ3BrGphqMZdlDHBqZA&pltype=content&c=WEB&cver=html5"/>
Wrzucasz ten kod na stronkę. Oczywiście dodajesz controls jak w poprzednik przykładzie by mieć kontrolki odpalania.
Lub:
wchodzisz na stronkę:
http://dirpy.com/studio?url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjPnJyOEvRDE
w New Search wpisujesz URL do filmiku na youtubie. Z boku pokazuje c się filmik. Klikasz na nim i z menu wybierasz ‘Copy wideo URL’.
Ten link wpisujesz do przykładu który dałem w pierwszym poście.
Czyli najważniejsze jest pobranie linka do pliku. Tylko że na Youtube ten link po pewnym czasie wygasa. Więc będziesz musiał dość często zmieniać stronę.