一 . 视频全屏可以通过css定义宽高100%来实现。

.videoBox{
width: %;
height: %;
} #example_video{
width: %;
height: %;
}
<div class="videoBox">
<video id="example_video" class="video-js vjs-default-skin vjs-big-play-centered" muted autoplay controls preload="none" width="" height=""
poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}">
  <source src="https://wts.itqiche.com/u5/car_u5_video/XuHang.mp4" type='video/mp4' />
</video>
</div>

二. 视频打开页面自动播放。

1. 给video标签加入<video muted></video> 静音即可。

2. body下面加入js代码。

<script type="text/javascript">
var myPlayer = videojs('example_video');
videojs("example_video").ready(function(){
var myPlayer = this;
myPlayer.play(); // 自动播放
console.log();
});
</script>

最新文章

  1. XMPP iOS客户端实现一:服务器
  2. BI商务智能对于企业的意义
  3. Bash 中为 _ 变量赋空值的三个场景
  4. 如何在Form++开源组态平台添加硬件采集接口
  5. Google V8编程详解(三)Handle &amp; HandleScope
  6. C#之结构化异常处理
  7. 1、IIS常见的的问难及解决方法
  8. 利用京东云擎架设免费Wordpress 博客(git方式)
  9. [LeetCode#82]Remove Duplicates from Sorted Array II
  10. 分布式缓存技术redis学习—— 深入理解Spring Redis的使用
  11. dubbo安装
  12. luogu2597-[ZJOI2012]灾难 &amp;&amp; DAG支配树
  13. delphi中 dataset容易出错的地方
  14. 【VBA】ExcelファイルのOpen
  15. UNIGUI集成HTML导航
  16. 在Android工程中加入AIDL文件时,gen目录生成的文件报错-问题解决
  17. 效能分析——词频统计的java实现方法的第一次改进
  18. D. Arpa and a list of numbers Codeforces Round #432 (Div. 2, based on IndiaHacks Final Round 2017)
  19. Kubernetes 部署失败的 10 个最普遍原因
  20. finecms

热门文章

  1. 很全很全的 JavaScript 模块讲解
  2. Holer一款局域网服务器代理到公网的内网映射工具
  3. laravel-事件
  4. 来自澳洲的数据秀场:记KDD 2015大会
  5. 14、创建/恢复ETH钱包身份
  6. JAVA中对list map根据map某个key值进行排序
  7. 用java实现的微信公众号爬虫
  8. ADO.NET中DataTable类的使用
  9. java单链表的实现自己动手写一个单链表
  10. 前端每日实战:85# 视频演示如何用纯 CSS 创作一个小球反弹的动画