如何在点击时播放全屏视频？(AngularJS)
如何在点击时播放全屏视频？(AngularJS)
提问于 2015-11-27 16:04:43
我有一个图像上有一个假的播放按钮，我想打开一个全屏视频播放点击按钮。
我很确定我有本地文件里的视频。
我正在为我的网站使用angular，我不知道这是否可能。
谢谢你们，
Nam的
回答 2
Stack Overflow用户
发布于 2015-11-27 16:47:29
你可以使用背景视频插件，比如-
Stack Overflow用户
发布于 2015-11-27 19:29:46
你应该看看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>如果您想使用更多选项(自动播放、预加载等)，您可以将它们作为数据属性添加，如height & poster，或者将它们添加到 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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33961107
复制相关文章
相似问题
腾讯云开发者
