Embed a YouTube video
我对标记还比较陌生(尽管它非常容易理解)。我正在开发一个软件包,并试图让wiki页面看起来像一本帮助手册。我可以很容易地将YouTube视频链接插入wiki页面,但如何嵌入YouTube视频。这可能是不可能的。
我已经阅读到您可以使用HTML标记,因此我尝试根据以下链接嵌入HTML:
1 2 3 4 5 6 7 | <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视频的图像:
有关更多信息,请查看此处。如果要保持简单,只需使用以下语法将其设置为链接:
江户十一〔一〕号
完整的例子
Expanding on @MGA's Answer
号
虽然不能在Markdown中嵌入视频,但您可以使用以下格式在Markdown文件中包含有效的链接图像来"伪造它":
埃多克斯1〔2〕
降价说明如果这个标记片段看起来很复杂,请将其分为两部分:
图像埃多克斯1〔3〕包裹在一个链接中江户十一〔四〕号
使用有效降价和YouTube缩略图的示例:。
我们直接从YouTube上获取缩略图,并链接到实际视频,因此当用户单击图像/缩略图时,他们将被带到视频中。
代码:埃多克斯1〔5〕
或者,如果你想给读者一个视频提示,让他们知道图片/缩略图实际上是一个可播放的视频,那么就在YouTube上截取你自己的视频截图,并将其用作缩略图。
使用带有视频控件的屏幕截图作为视觉提示的示例:氧化镁
代码:埃多克斯1〔6〕
&优势明显虽然这需要一些额外的步骤(a)拍摄视频的屏幕截图和(b)上传视频,以便您可以将图像用作缩略图,但它有三个明显的优势:
截图拍摄
无处不在!因为这是100%标准降价,所以它在任何地方都有效…在Github、Redit、Ghost上试试,当然还有StackOverflow!
维米欧这种方法也适用于Vimeo视频
例子氧化镁
代码1 | [![Little red ridning hood](http://i.imgur.com/7YTMFQp.png)](https://vimeo.com/3514904"Little red riding hood - Click to Watch!") |
笔记:
- 如何截图:http://www.take-a-screenshot.org/(所有平台!)
- 上传缩略图:截图后,您可以将其拖放到imgur.com进行上传,并立即将其用作缩略图;这非常简单!
- YouTube缩略图信息:如何从YouTube API获取YouTube视频缩略图?
Markdown不正式支持视频嵌入,但您可以将原始HTML嵌入其中。我用Github页面进行了测试,它工作得非常完美。
代码片段如下:
1 2 3 4 5 | <iframe width="560" height="315" src="https://www.youtube.com/embed/MUQfKFzIOeU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
。
PS:你可以在这里查看现场预览。
如果您喜欢HTML标记而不是标记+居中对齐:
1 | <img src="https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT"> |
号
Expanding on @MGA and @nelsonic's answers and just trying to make it a
bit easier to get the needed markdown.
号
我采纳了上面提到的建议,并将其放在一个小clay函数中,该函数接收YouTube的URL和一些图片alt文本,并返回一个标记链接图像,您可以将其粘贴到Github自述文件中:https://www.clay.run/services/nicoslepicos/github-create-video-embed-mock/code
将按照@nelsonic的建议使用视频播放器控件。
我使用iframe嵌入youtube视频如下:
1 2 3 | <iframe width="620" height="315" src="https://www.youtube.com/embed/OhlVBpEnjig"> </iframe> |