如何使用图像构建自定义视频播放器



我需要将视频嵌入到网站上,但我希望该视频在此图像的空白部分中播放:iPhone_wireframe

我该怎么做?我会将图像放在视频后面吗?还是有更好的方法?

我到处搜索,所有教程都向我展示了如何通过按钮和控件使玩家。我不需要。

我只想显示5秒钟的剪辑来演示我正在处理的应用程序的一些互动,我不想制作GIF,因为质量很烂,除非我想要一个非常慢的网页。

在Wista上,我可以将视频设置为自动播放和循环,因此我真正需要做的就是将其嵌入图像中。

我是新手,所以我不知道自己在做什么。任何帮助都将不胜感激。

您有两个选项:

  • 嵌入
  • iframe

我更喜欢后一个。W3Schools是一个可以帮助iFrame的好网站。只要您必须正确设置宽度。我可以提供更多帮助,但我将需要您的代码示例。

现在我考虑了。您可以尝试类似的东西(不要运行代码段,只是将其展开):

<div id="frame" height="1000px" style="background-image:url(filepath from html/url);">
  <iframe src="*link to video*" style="posistion:absolute;height:1000px;"></iframe>
</div>

希望这很有用。

最新更新