Skip to content

如何添加视频 #90

@vincent4j

Description

@vincent4j

1、在原始文章中找到视频的原始地址

  • 鼠标右键视频
  • 选择「复制视频网址」

例如「Authentic Motion」章节的第一个视频地址为:
http://material-design.storage.googleapis.com/videos/animation-authentic-motion-authenticMotion_massAndWeight_ex1_large_xhdpi.webm

2、修成改「七牛」对应的地址
因为 google 服务器过慢,所以将所有的视频都传到「七牛」,只需将前面的「域名」更换即可。

http://material-design.storage.googleapis.com
换成
http://materialdesign.qiniudn.com

最终地址为:
http://materialdesign.qiniudn.com/videos/animation-authentic-motion-authenticMotion_massAndWeight_ex1_large_xhdpi.webm

3、查看网页源码,找到 width 和 height

  • 在浏览器中查看「Authentic Motion」章节源码
  • 在源码中检索视频文件名「animation-authentic-motion-authenticMotion_massAndWeight_ex1_large_xhdpi.webm」
  • 检索结果中,「video」标签下的「width」和「height」就是所要找的值

4、往翻译稿中添加代码
假定上一步中查找的值为:width="740" height="270"

<video crossorigin="anonymous"  loop  controls width="740" height="270">
<source src="http://materialdesign.qiniudn.com/videos/animation-authentic-motion-authenticMotion_massAndWeight_ex1_large_xhdpi.webm" type="video/webm">
</video>

其中,仅以下三个值需要指定,其他保持不变:

  • width
  • height
  • src

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions