<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="css/video-js.min.css" rel="stylesheet">
<script src="js/video.min.js"></script>
<style>
body{background-color: #252525}
.m{ margin-left: 0px; margin-right: auto; width: 960px;height: 400px;margin-top: 100px}
</style>
</head>

<body>

<div class="m">
<video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
  
    data-setup='{}'>
  <source src="data:images/勘B动画.mp4" type="video/mp4"></source>
<!--   <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
  <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source> -->
  <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>
</div>

<script type="text/javascript">
//打开自动播放
    var myPlayer = videojs('my-player');
    videojs("my-player").ready(function(){
        var myPlayer = this;
        myPlayer.play();
    });
</script>

</body>

</html>

这里引用了JS文件和CSS样式,需要的话我发你

js 打开视频文件,测试已通过相关推荐

  1. Ubuntu 系统 OpenCV 4 无法打开视频文件解决方案

    目录 一.我的运行环境 二.问题描述 三.问题定位及分析 四.解决方案 一.我的运行环境 设备 NVIDIA Jetson Nano 处理器 ARMv8 Processor rev 1 (v8l) × ...

  2. Qt+OpenCV打开视频文件并在窗口界面上显示

    Qt+OpenCV打开视频文件并在窗口界面上显示 1.新建一个Qt Widgets Application,工程配置文件(.pro文件)内容如下: #------------------------- ...

  3. php让视频自动全屏播放,完美解码怎么设置打开视频文件就全屏

    想不想在电脑上实现打开视频文件就直接全屏播放,一般播放器做不到吧,完美解码这个万能的视频播放器就能实现,下面就教你如何设置. 软件名称:完美解码(PureCodec) 全能型影音解码包20200922 ...

  4. js打开服务器pdf文件,iOS使用pdf.js打开PDF文件

    最近研究了下iOS打开PDF文件的方式,由于项目需要在浏览PDF文件时能使用HTML格式文件,调研了一下iOS中打开PDF文件的几种方式,发现pdf.js开源库可以做到这一点,通过调用js在线预览PD ...

  5. 用Python打开视频文件

    Python简介 Python由荷兰数学和计算机科学研究学会的吉多·范罗苏姆于1990年代初设计,作为一门叫做ABC语言的替代品.Python提供了高效的高级数据结构,还能简单有效地面向对象编程.Py ...

  6. 前端js打开pdf文件--文件通过浏览器打开,以pdf形式进行预览

    通过点击button按钮,触发 @click="openPDF(performance_report)"方法,把对应需要展示的pdf传送到openPDF()方法内,这里的pdf文件 ...

  7. 在chrome网页上通过点击链接或执行js打开本地文件夹

    用来能在网页上方便的打开常用文件夹或文件. 方法: 下面文件放到c:/tools/位置: 执行mycall.reg添加注册信息: 试试在chrome里点击<a href="mycall ...

  8. js打开本地文件夹_vue + ArcGIS 地图应用系列一:arcgis api本地部署(开发环境)

    1. 下载 ArcGIS API for JavaScript 官网地址: https://developers.arcgis.com/javascript/3/ 下载地址:http://links. ...

  9. js打开本地文件_JS逆向|高频问题:为何Reres插件总是替换本地文件失败?

    最近总被问到,使用Reres插件,总是替换失败,不知道原因在哪里,我已经回答过很多遍了,照着github 上面的教程来就不会错,不可能替换不成功.github地址如下: https://github. ...

  10. 打开视频文件提示服务器异常,视频解析服务器异常

    视频解析服务器异常 内容精选 换一换 修改DNS服务器可以很快同步到顶级域服务器并在网络中生效.但是,域名服务商处NS记录的TTL值通常设置为48小时,这样假如某些地区Local DNS缓存了域名的N ...

最新文章

  1. 现在很火的答题赢钱游戏,让我来简单教你怎么做自动答题器
  2. python银行系统-python简单的银行系统
  3. 【杂谈】白身,初识,不惑,有识,不可知,你处于深度学习工程师哪一重境界了...
  4. Atitit ftp原理与解决方案
  5. nssl1453-Fibonacci数列【矩阵乘法,线段树】
  6. 【渝粤教育】国家开放大学2019年春季 0736-22T烹饪工艺学(2) 参考试题
  7. [Leetcode][第459题][JAVA][重复的字符串][子串][匹配]
  8. atitit.短信 验证码  破解  v3 p34  识别 绕过 系统方案规划----业务相关方案 手机验证码  .doc...
  9. Java调用SuperMap iServerJava6R的REST API
  10. 查询数量查看表的所有相关列信息
  11. 怎样对流媒体进行压力测试_loadrunner流媒体压力测试
  12. Setup Factory制作程序exe安装包-软件打包360浏览器及串口驱动
  13. excel VBA 编程,数据处理,并画图,详细代码,加解释
  14. 主成分分析(PCA)的一种理解和推导
  15. 【磨刀不误砍柴工】keil软件仿真评估代码运行时间
  16. 没有基础学习大数据难吗?
  17. 黑客如何入侵你的汽车?
  18. c语言注释不能嵌套什么意思,C语言嵌套注释问题
  19. PDA模拟中的问题1
  20. 网易微博将正式关闭 用户迁至轻博客LOFTER

热门文章

  1. 文献阅读---普通狗牙根阳江基因组单倍型解析与基因组稳定性和匍匐性研究
  2. HCL软件,堆叠工程尝试,S5820V2-54QS-GE
  3. 香港、英国、南非...中国!区块链将迎来又一波高潮?
  4. python 基础系列(四) — Python中的面向对象
  5. 一个线程OOM,进程里其他线程还能运行么?
  6. 《android开发艺术探索》笔记
  7. centos 7 拉黑IP
  8. redis缓存服务器介绍与配置
  9. [转载]2012 年 4 月,水王排行榜
  10. Notepad JSON格式化