使用代码将视频添加到网站的方法

时间:2017-01-12 23:30:28

标签: javascript jquery html html5 css3

我最近开始编写我的第一个网页,这很有趣。 目前我有一个项目要求我将视频添加到网页的某个部分。问题是我以前从未这样做过,而且我对如何通过编码添加视频毫无头绪。有人可以这么好地向我介绍一些方法来实现这个目标吗?

如果相关 我正在尝试建立一个单页网站,我使用以下语言:html,css&的JavaScript

2 个答案:

答案 0 :(得分:3)

您可以从此page

中获取示例

这取决于格式以及托管视频的位置。该页面提供了一些示例,一个是:

<video src="videofile.webm" autoplay poster="posterimage.jpg">
Sorry, your browser doesn't support embedded videos, 
but don't worry, you can <a href="videofile.webm">download it</a>
and watch it with your favorite video player!
</video>

答案 1 :(得分:0)

假设您想要静态视频,只需使用Video Tag并将其来源设置为您想要的任何视频。

如果是某些动态视频,您可以使用javascript在视频代码加载后设置src元素。

如果不是在线存在的视频,您可以使用input以及The object api来设置视频代码的来源。