我有一张带有假播放按钮的图片，我想在播放点击按钮上打开一个全屏视频。
我准确地说我有本地文件中的视频。
我正在为我的网站使用 Angular，我不知道这是否可能。
谢谢大家，
南的
【问题讨论】：
标签： javascript html angularjs video fullscreen
您可以使用背景视频插件，例如-
【讨论】：
你应该看看https://github.com/videojs/video.js
基本上，您将其添加到您的网页中：
<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>
如果您想使用更多选项（自动播放、预加载等），您可以将它们添加为数据属性，例如高度和海报，或者将它们添加到 data-setup 中，以逗号分隔，就像这样：
<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='{ "autoplay": true, "preload": "auto"}'>
您可以在那里查看可能的选项：http://docs.videojs.com/docs/guides/options.html
【讨论】：