嵌入YouTube视频
我对标记相当陌生(尽管拾取非常容易)。 我正在研究一个软件包,并试图让wiki页面看起来很好,作为帮助手册。 我可以非常轻松地将YouTube视频链接插入wiki页面,但是如何嵌入YouTube视频。 这可能是不可能的。
我读过你可以使用HTML标签,所以我试图通过这个LINK嵌入HTML,如下所示:
<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>
并保存页面,但没有发生。
无法直接嵌入视频,但可以放置链接到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)
欲了解更多信息请看这里。 如果您想保持简单,只需使用以下语法将其设置为链接即可:
[linkname](https://youtubevideourl)
完整的例子
扩展@ MGA的答案
尽管无法在Markdown中嵌入视频,但您可以使用以下格式在Markdown文件中包含有效的链接图像来“ 伪造”它 :
[![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")
减价的解释
如果此降价片段看起来很复杂,请将其分解为两部分:
一个图像
![image alt text](http//example.io/link-to-image)
包裹在一个链接
[link text](http//example.io/my-link "link title")
使用有效降价和YouTube缩略图的示例:
我们直接从YouTube获取缩略图图像并链接到实际视频,因此当用户单击图像/缩略图时,它们将被带到视频中。
码:
[![Everything Is AWESOME](http://www.djcxy.com/uploads/images/11/cc/11cc2893bed490ab5f07c49c1ae888b5.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")
或者如果你想给读者一个视觉提示 ,图像/缩略图实际上是一个可播放的视频,拿自己会在YouTube视频的截图,并用其作为缩略图来代替。
将视频控件作为Visual Cue使用屏幕截图的示例:
码:
[![Everything Is AWESOME](http://i.imgur.com/Ot5DWAW.png)](https://youtu.be/StTqXEQ2l-Y?t=35s "Everything Is AWESOME")
明确的优势
虽然这需要一些额外的步骤( a )截取视频的屏幕截图并( b )上传它,以便您可以使用该图像作为缩略图,但它具有3个明显的优点 :
截图需要
无处不在!
由于这是100%标准降价,所以无处不在 ...试试GitHub,Redit,Ghost,当然还有StackOverflow!
Vimeo的
这种方法也适用于Vimeo视频
例
码
[![Little red ridning hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904 "Little red riding hood - Click to Watch!")
笔记:
扩展@MGA和@ nelsonic的答案,只是想让它更容易获得所需的降价。
我采用了上面提到的建议,并将它们组合到一个小小的粘土函数中,该函数需要一个Youtube URL和一些图像替代文本,并返回一个MarkDown链接图像,您可以将它粘贴到您的Github自述文件中:https:// www。 clay.run/services/nicoslepicos/github-create-video-embed-mock/code
将按照@nelsonic建议的视频播放器控件工作
链接地址: http://www.djcxy.com/p/28901.html