Próbuję umieścić źródło wideo YouTube w <video>
tagu HTML5 , ale wygląda na to, że nie działa. Po pewnym googlowaniu odkryłem, że HTML5 nie obsługuje adresów URL filmów z YouTube jako źródła.
Czy możesz używać HTML5 do osadzania filmów z YouTube? Jeśli nie, czy jest jakieś obejście?
Odpowiedzi:
Krok 1: dodaj
&html5=True
do swojego ulubionego adresu URL YouTubeKrok 2: Znajdź
<video/>
tag w źródleKrok 3: Dodaj
controls="controls"
do tagu wideo:<video controls="controls"..../>
Przykład:
Zauważ, że wydaje się, że jest
expire
coś. Nie wiem, jak długosrc
będzie działać sznurek.Wciąż testuję siebie.
Edytuj (28 lipca 2011 r.) : Zwróć uwagę, że to źródło wideo jest specyficzne dla przeglądarki używanej do pobierania źródła strony. Myślę, że Youtube generuje ten HTML dynamicznie (przynajmniej obecnie), więc podczas testowania, jeśli skopiuję w Firefoksie, działa to w Firefoksie, ale nie na przykład w Chrome.
źródło
src
Prawdopodobnie nie ma gwarancji, że adres URL podany w powyższym atrybucie będzie działał przez długi czas.Ta odpowiedź już nie działa, ale szukam rozwiązania.
Stan na dzień . 2015/02/24. istnieje strona internetowa (youtubeinmp4), która umożliwia pobieranie filmów z YouTube
.mp4 format
, możesz to wykorzystać (z niektórymi JavaScriptami), aby uniknąć osadzania filmów z YouTube w<video>
tagach. Oto demo tego w akcji.Plusy
Cons
Zależy to oczywiście od
youtubeinmp4.com
serwerów i ich sposobu dostarczania linku do pobierania (który można podać jako<video>
źródło), więc ta odpowiedź może nie być aktualna w przyszłości.Nie możesz wybrać jakości wideo.
JavaScript (po
load
)Wykorzystanie (pełne)
Standardowy format wideo.
Użycie (mini)
Nieco mniej powszechne, ale znacznie mniejsze, przy użyciu skróconego adresu URL
youtu.be
jakosrc
atrybutu bezpośrednio w<video>
tagu.Mam nadzieję, że to pomoże! :)
źródło
<video>
Tag ma obciążenia w wideo obsługiwanego formatu (który może różnić się o przeglądarce).Linki do umieszczania w YouTube to nie tylko filmy, są to zazwyczaj strony internetowe zawierające logikę umożliwiającą wykrycie, co obsługuje użytkownik i jak mogą odtwarzać wideo z YouTube, używając HTML5 lub Flash, lub innej wtyczki w oparciu o to, co jest dostępne na komputerze użytkownika. Dlatego masz trudności z używaniem tagu wideo z filmami z YouTube.
YouTube oferuje programistyczny interfejs API do osadzania wideo z YouTube na swojej stronie.
Zrobiłem JSFiddle jako przykład na żywo: http://jsfiddle.net/zub16fgt/
Więcej o interfejsie YouTube API możesz przeczytać tutaj: https://developers.google.com/youtube/iframe_api_reference#Getting_Started
Kod można również znaleźć poniżej
W swoim HTML:
W Twoim JavaScript:
źródło
onYouTubeIframeAPIReady
funkcji (i umieszczenie w niej ostatniego bloku powyższego kodu).Najłatwiejszej odpowiedzi udzielają W3schools. https://www.w3schools.com/html/html_youtube.asp
źródło
co powiesz na zrobienie tego tak, jak robi to hooktube ? w rzeczywistości nie używają adresu URL wideo dla elementu html5, ale URL przekierowania wideo Google, który wywołuje ten plik wideo. zobacz, jak przedstawiają jakieś despacito losowe wideo ...
kod dotyczy następującej strony wideo https://hooktube.com/watch?v=72UO0v5ESUo
z drugiej strony youtube na mp3 zmienił się w niezwykle zarabiającego potwora, który zwraca teraz download.html na połowę żądań pobrania wideo ... irytujące ...
2 linki w tej odpowiedzi dotyczą moich osobistych doświadczeń z obydwoma zasobami. jak hooktube jest fajny i świeży i faktycznie pomaga uniknąć cenzury i ograniczeń geograficznych ... sprawdź to, jest całkiem fajny. a youtubeinmp4 to potwór wyskakujący, znany teraz jako ConvertInMp4 ...
źródło
Po umieszczeniu nowego tagu iframe w witrynie kod automatycznie wykryje, czy używasz przeglądarki obsługującej HTML5, czy nie.
Kod iframe do umieszczania filmów z YouTube jest następujący - po prostu skopiuj identyfikator wideo i zamień w poniższym kodzie:
źródło
iframe
Znacznik „Nowy” ?iframe
istnieje od wieków…iframe
tagu i dlatego bezpośrednio zapytał ovideo
tag. W przeciwnym razie nie zapytałby, czy HTML5 (generalnie) obsługuje filmy z YouTube, ale ograniczyłby pytanie dovideo
tagu. Zapytał nawet „czy jest jakieś obejście tego problemu?” w swoim ostatnim zdaniu, więc ta odpowiedź jest całkowicie poprawna.