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