Osadzanie wideo na YouTube jest dość łatwe. Opcje udostępniania u dołu filmu zapewniają kod HTML potrzebny do osadzenia filmu w witrynie. YouTube ma wiele opcji udostępniania, ale wszystkie służą do udostępniania wideo. Ma to sens, biorąc pod uwagę, że YouTube jest przecież witryną wideo. To powiedziawszy, wiele treści na YouTube to zwykły dźwięk. Wiele filmów zawiera audio z niepowiązanymi obrazami, które należy wypełnić w części „wideo”. Niestety YouTube nie pozwala udostępniać ani osadzać tylko dźwięku wideo. Musisz również dołączyć film. Jeśli chcesz spojrzeć poza oficjalne opcje udostępniania i osadzania udostępniane przez YouTube, istnieje prosty sposób na osadzenie tylko dźwięku wideo. Rozwiązanie pochodzi od Amit Agarwal w postaci fragmentu kodu, który można zmodyfikować. Opiera się na interfejsie API JavaScriptu YouTube, który udostępnił na Github. Oto jak to działa.
Krok 1: Znajdź wideo, z którego chcesz osadzić dźwięk. Zanotuj „identyfikator” filmu. Identyfikator pojawia się w adresie URL filmu po części „v =” i jest podświetlony na zrzucie ekranu poniżej.
Krok 2: Dodaj poniższy fragment kodu HTML swojej witryny i zastąp część „VIDEO_ID” identyfikatorem wideo skopiowanym w poprzednim kroku.
div data-video="VIDEO_ID" data-autoplay="0" data-loop="1" id="youtube-audio"> </div> <script src="https://www.youtube.com/iframe_api"></script> <script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>
Tak powinno to wyglądać.
Dźwięk nie będzie odtwarzany automatycznie. Będziesz musiał kliknąć przycisk odtwarzania, aby rozpocząć odtwarzanie. Możesz sprawić, by gra automatycznie i zapętlała, wprowadzając kilka modyfikacji kodu. Aby odtwarzać się automatycznie, ustaw wartość „autoodtwarzania danych” na 1. Aby dźwięk odtwarzany był w pętli, ustaw „transmisję danych” na 1. Jeśli planujesz używać tego kodu na swojej stronie internetowej, a ty spodziewaj się dużego ruchu, najlepiej hostować skrypt na własnym serwerze. Możesz pobrać skrypt z linku poniżej.
za pomocą cyfrowej inspiracji
Komentarze