Posted in: IT, TV

把 YouTube 视频的某个片段嵌入网页中

wordpress 默认编辑器有嵌入 YouTube 视频的功能,但是那都是默认从头开始播放的,如果是一个很长的视频,而我们只想引用里面的某个片段,就不太合适。

一、URL 参数法

经过一番查询,发现有 start 和 end 参数可以使用,而且有以下几点比较有意思:

  1. 参数使用的值是“秒”,例如5分23秒需要写成323
  2. 参数只能配合https://www.youtube.com/embed/使用,不能用于https://youtube.com/watch?v=
  3. 一般还会配合以下参数使用
    • controls=0,表示禁用控制条。否则控制条默认会显示,用户无意中滑动了控制条的话就会滑到目标范围以外的视频片段,造成不便。(特别是视频很长、而选取的片段很短时,再想滑回去可就难了)
    • rel=0,控制播放结束之后显示什么。本来在2018年9月之前,这个参数会使播放结束之后什么也不显示。可能谷歌觉得这样子影响了它的广告收入,现在改成显示同一频道的其他视频。
    • autoplay=1,不显示封面。
    • playsinline=1,在 iOS 上也可以内联播放。

所以一般格式就是(VIEDO_ID是一个字符串):

<iframe allowfullscreen="" frameborder="0" width="800" height="450" src="https://www.youtube.com/embed/VIEDO_ID?start=XXX&end=XXX&controls=0& playsinline=1&rel=0&autoplay=1"></iframe>

来看一个例子:

但是这样子其实也是有问题的:因为控制台隐藏了,如果用户想重新看一遍这个片段,只能重新刷新页面。不方便。

二、剪辑法

打开 YouTube 视频本身的页面(即 https://youtube.com/watch?v=),在“分享”按钮旁边有三个点,点击一下会出现一个下拉菜单,选择“剪辑片段”即可。在这里可以输入起始和终止的时间,可以按照分:秒的格式输入。然后需要输入标题,点击“分享剪辑片段”之后会出现这么个链接:

# 下面是直接的链接,CLIP_ID是一个独特的字符串,后面的 ?si=YYYYY 可以不要
https://www.youtube.com/clip/CLIP_ID

注意要把 CLIP_ID 记下来。目前我好像没找到关闭之后重新寻找的方法。

# 下面是嵌入式链接
https://www.youtube.com/embed/VIEDO_ID&clip=CLIP_ID&clipt=CLIPT_ID

CLIPT_ID 可以在 https://www.youtube.com/clip/CLIP_ID 里面再次找到。其他的参数仍然可用。因为这本身就是一个剪辑片段,所以显示控制条也没关系。例如:

<iframe allowfullscreen="" frameborder="0" width="800" height="450" src="https://www.youtube.com/embed/VIEDO_ID?clip=CLIP_ID&clipt=CLIPT_ID&autoplay=1&playsinline=1"></iframe>

这种方式嵌入的 iframe 会自动反复播放。注意剪辑片段最长只能是1分钟。

总结

URL参数法剪辑法
优点操作简单,无需 iframe
时长无限制
可以反复播放
缺点不能反复播放通常需要 iframe
时长限制 1 分钟以内
适用范围第三方论坛网站(例如reddit自己的网站

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注