Question

我的图片上有一个虚假播放按钮，我想在播放点击按钮上打开全屏视频。

我确切地知道本地文件上的视频。

我在网站上使用角度，我不知道它是否可能。

谢谢你们，

南＆＃39; S

Answer 1

您可以使用背景视频插件，例如 -

https://github.com/caseyhen/background-video

Answer 2

您应该查看https://github.com/videojs/video.js

基本上，您将此添加到您的网页：

Running Time    Self (ms)       Symbol Name
3070.0ms   54.7%    0.0      -[UIStackView initWithCoder:]

然后，将此元素放在您想要播放器的位置。根据您的需要（大小，海报图像，路径）更改值。

<link href="http://vjs.zencdn.net/5.0/video-js.min.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/5.0/video.min.js"></script>

如果你想使用更多选项（自动播放，预加载等），你可以将它们添加为数据属性，如高度和放大器。海报，或将它们添加到以逗号分隔的数据设置，如下所示：

<video id="really-cool-video" class="video-js vjs-default-skin" controls
 preload="auto" width="640" height="264" poster="really-cool-video-poster.jpg"
 data-setup='{}'>
  <source src="really-cool-video.mp4" type='video/mp4'>
  <source src="really-cool-video.webm" type='video/webm'>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a web browser
    that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
  </p>
</video>

您可以在那里查看可能的选项：http://docs.videojs.com/docs/guides/options.html

如何点击播放全屏视频？（AngularJS）

2 个答案:

如何点击播放全屏视频？ （AngularJS）

2 个答案:

如何点击播放全屏视频？（AngularJS）