Osadzanie filmu na YouTube

Jestem całkiem nowy w znacznikach (choć jest niezwykle łatwy do odebrania). Pracuję nad pakietem i staram się, aby strony wiki wyglądały ładnie jako podręcznik pomocy. Mogę dość łatwo wstawić link do filmu z youtube na stronę wiki, ale jak osadzić film z youtube. To może być niemożliwe.

Przeczytałem, że możesz używać znaczników HTML, więc próbowałem osadzać z HTML na ten LINK w następujący sposób: 

<object width="425" height="350">
  <param name="movie" value="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg" />
  <param name="wmode" value="transparent" />
  <embed src="http://www.youtube.com/user/wwwLoveWatercom?v=BTRN1YETpyg"
         type="application/x-shockwave-flash"
         wmode="transparent" width="425" height="350" />
</object>

I zapisałem stronę, ale nic się nie stało.

  1. czy to czy można osadzić film z youtube na stronach github wikim?
    2. Jeśli tak, to w jaki sposób?
Author: 0xcaff, 2012-08-04
Source

5 answers

Nie można bezpośrednio osadzać filmów, ale można umieścić obraz, który łączy się z filmem na youtube:

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

Aby uzyskać więcej informacji zajrzyj tutaj . Jeśli chcesz, aby było to proste, po prostu zrób z niego link, używając następującej składni:

[linkname](https://youtubevideourl)

 279
Author: MGA,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-03-17 04:41:49

Kompletny Przykład

@mga 's Answer

Podczas gdy nie jest możliwe osadzenie wideo w Markdown możesz "fake it" poprzez włączenie valid linked-image w pliku Markdown, używając tego formatu:

[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")

Wyjaśnienie Markdown

Jeśli ten fragment markdown wygląda na skomplikowany, podziel go na dwie części:

Obrazek
![image alt text](http//example.io/link-to-image)
owinięte w linku
[link text](http//example.io/my-link "link title")

Przykład użycia poprawnego Markdown i miniatury YouTube:

Everything Is AWESOME

[[9]}pozyskujemy miniaturka obraz bezpośrednio z YouTube i linkowanie do rzeczywistego filmu, więc gdy osoba kliknie obraz/miniaturę, zostaną one przeniesione do filmu.

Kod:

[![Everything Is AWESOME](/images/content/11804820/11cc2893bed490ab5f07c49c1ae888b5.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

lub jeśli chcesz dać czytelnikom visual cue że obraz/miniaturka w rzeczywistości jest grywalny Wideo, zrób własny zrzut ekranu wideo w YouTube i użyj go jako miniatury zamiast.

Przykład użycia zrzutu ekranu z kontrolkami wideo jako wizualny sygnał:

Everything Is AWESOME

Kod:

[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")

Wyczyść Zalety

Podczas gdy wymaga to kilku dodatkowych kroków (a) wykonanie zrzutu ekranu z filmu i (b) uploading it so you można użyć obrazka jako miniaturki, którą ma 3 Wyczyść zalety :

  1. osoba czytająca markdown (lub wynikową stronę html) ma wizualny sygnał mówiący, że może obejrzeć wideo (sterowanie wideo zachęca do klikania)
    2. W filmie możesz wybrać konkretną ramkę , aby użyć jej jako miniatury (dzięki czemu Twoja treść będzie bardziej wciągająca )
  2. możesz link do określonego czasu w wideo, z którego rozpocznie się odtwarzanie po kliknięciu połączonego obrazu. (w naszym przypadku od 35 sekund)

Robienie zrzutu ekranu zajmuje

Działa Wszędzie!

Ponieważ jest to 100% Standard markdown, to Działa wszędzie ... wypróbuj go na GitHub, Redit, Ghost i oczywiście tutaj na StackOverflow!

Vimeo

To podejście działa również z Vimeo Filmy

Przykład

Little red ridning hood

Kod 

[![Little red ridning hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")

Uwagi:

 196
Author: nelsonic,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:18:14

Jeśli lubisz znaczniki HTML bardziej niż markdown + center alignment: 

<div align="center">
  <a href="https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE"><img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"></a>
</div>
 4
Author: Ivan Berezanskiy,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-10-30 16:57:31

Rozszerzenie odpowiedzi @MGA i @ nelsonic i po prostu próba uczynienia go nieco łatwiej uzyskać potrzebne markdown.

Wzięłam pod uwagę powyższe sugestie i połączyłam je w małą funkcję Claya, która pobiera adres URL Youtube i tekst Alt obrazu i zwraca obraz z linkiem MarkDown, który możesz po prostu wkleić do swojego Github ReadMe: https://www.clay.Uruchom / services / nicoslepicos / github-create-video-embed-mock/code

Będzie działać na takim, który ma sterowanie odtwarzaczem wideo zgodnie z sugestią @ nelsonic

 1
Author: nicoslepicos,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-09-24 14:59:17

Użyłem iframe do osadzenia wideo YouTube w następujący sposób: 

<div align="center">
    <iframe width="620" height="315"
        src="https://www.youtube.com/embed/OhlVBpEnjig">
    </iframe>
</div>
 -2
Author: K. Siva Prasad Reddy,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-11-05 15:47:04