【问题标题】:How to embed local Video in R Markdown?如何在 R Markdown 中嵌入本地视频?
【发布时间】:2017-10-06 01:09:52
【问题描述】:

我已经知道how to embed the youtube video in the R Markdown document。 但是假设我有离线视频,我不想以 mp4 或 avi 格式发布。有没有办法将它嵌入到文档中? 类似于以下内容(从图像嵌入中获得灵感):

![Caption](vid/video1.mp4)

【问题讨论】:

  • 我相信你必须使用原始的 HTML 语法:w3schools.com/html/html5_video.asp
  • @Yihui 我试过这样做,它显示了输出文件中包含的内容,但视频无法播放。你认为 htat 可能是 Ubuntu16.04 上的 chromium 浏览器(版本 58.0.3029.81)的问题
  • 我自己试过了,好像是浏览器的问题。在我的 Mac 上,我可以在 Safari 中看到视频,但在 Chrome 中看不到。
  • 感谢@amatsuo_net,我尝试在 Firefox 中打开 html,它显示了容器,但给出了错误 No video with supported format and MIME type found。可能是因为我使用的是 .avi 文件格式。关于浏览器和操作系统上最兼容的文件格式有什么建议吗?
  • html5 仅支持 mp4、webM 和 ogg。 w3schools.com/html/html5_video.asp 至少需要将文件转换为其中一种格式(虽然我在 Chrome 中无法查看 mp4 文件)。

标签: r markdown knitr r-markdown rnotebook


【解决方案1】:

这对我有用:

Slide With Code
========================================================
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
</video>

如果去掉宽度和高度,并启用

autosize: true

R 负责处理视频的大小。

【讨论】:

  • 我有以下代码## AI and Deep Learning ![](hadelin.mp4){width=400 height=300} &lt;video width="320" height="240" controls&gt; &lt;source src="hadelin.mp4" type="video/mp4"&gt; &lt;/video&gt; 但我什么也没得到,视频的大纲。我什至忽略了![](hadelin.mp4){width=400 height=300},但我仍然无法让它在浏览器中呈现。
  • 以上答案应该有效。 video 不会出现在 RStudio 查看器窗格中,因此请使用其他浏览器进行检查,例如谷歌浏览器。在此处查看answer stackoverflow.com/questions/53176203/…
【解决方案2】:

使用 iframe 为我工作

```{r}
video_path  <- "vid/"
video_files <- list.files(video_path,
                         pattern = "\\.mp4$",
                         recursive = TRUE,
                         all.files = FALSE,
                         full.names = TRUE)
```

<iframe width="720" height="480" src="`r video_files[1]`" align="middle" frameborder="0" allowfullscreen></iframe>

【讨论】:

    【解决方案3】:

    查看代码

    ![](https://www.yoursite.com/miniature.png)](https://www.youtube.com/watch?v=xyz)
    

    查看代码

    【讨论】:

      【解决方案4】:

      也可以使用图片标签

      &lt;img src="movie.mp4" type="video/mp4"/&gt;

      【讨论】:

        猜你喜欢
        • 2015-02-27
        • 2020-11-30
        • 2011-08-10
        • 1970-01-01
        • 1970-01-01
        • 2011-03-16
        • 1970-01-01
        • 1970-01-01
        • 2021-11-18
        相关资源
        最近更新 更多