Filmy serwisu we własnym playerze


(Hosiek) #1

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ć ?


(pionner) #2

Na youtube przy dowolnym filmie dajesz “Udostępnij” > “Umieść na stronie” i dostajesz gotowy kod do wklejenia.


#3

W google chrome wchodzisz  na stronę z video w html5 np.

https://gfycat.com/

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

 


(Hosiek) #4

Działało by to lecz co jeśli chcę np film z yt który ma własny player?


#5

Przełączasz youtube na html. Bo filmików we flash nie możesz wyświetlać w html5.

https://www.youtube.com/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ę.