首页 > 其他分享 >HTML5视频播放插件Video.js使用详解

HTML5视频播放插件Video.js使用详解

时间:2023-04-05 20:35:53浏览次数:45  
标签:视频 插件 Flash js Video HTML5


一、Video.js简介

Video.js 是一个开源的 Html5 jquery 视频插件,这个插件可以用来处理 Flash 视频,它还是一个多平台支持的产品。 Moreover,YouTube,Vimeo 等等的视频都可以很好地通过这个插件来播放。这个插件还支持桌面应用程序和其它的手持设备。Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。

二、快速入门

我们可以下载 Video.js 的源码放到自己的服务器上,或者使用免费的 CDN 托管版本。

(1)在页面中引用video-js.cs样式文件和video.js



<link href="video-js.css" rel="stylesheet" type="text/css">
<script src="video.js"></script>



(2)使用免费的CDN托管版本



<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.12/video.js"></script>



链接地址:http://www.xttblog.com/?p=819

 









标签:视频,插件,Flash,js,Video,HTML5
From: https://blog.51cto.com/tinywan/6171615

相关文章

  • 浅谈React与SolidJS对于JSX的应用
    React将JSX这一概念深入人心。但,并非只有React利用了JSX,VUE、SolidJS等JS库或者框架都使用了JSX这一概念。网上已经有大量关于JSX的概念与形式的讲述文章,不在本文的讨论范围。前言实际上,JSX并不是合法有效的JS代码或HTML代码。目前为止也没有任何一家浏览器的引擎实现了对JSX的......
  • js的继承
    ES6的继承:子extends父,哪里继承哪里写一个super()代码:classParent{constructor(){   this.age=18}}classChildextendsParent{   //子继承父constructor(){   super()      //加上super(),要不然会报错   this.age=18}}leto=......
  • jsp+servlet实现的人力资源管理系统(实现了注册登录、部门管理、招聘管理、培训管理、
    @目录jsp+servlet实现的人力资源管理系统实现功能截图系统功能使用技术完整源码jsp+servlet实现的人力资源管理系统本系统是一个servlet原生框架实现的人力资源管理系统,实现了注册登录、部门管理、招聘管理、用户管理、薪资管理、职位管理等常用功能。(文末查看完整源码)实现......
  • jsp+servlet+mysql实现的停车场管理系统(分为普通用户和管理员,实现注册登录、留言管理
    @目录jsp+servlet+mysql实现的停车场管理系统实现功能截图系统功能使用技术完整源码jsp+servlet+mysql实现的停车场管理系统本系统是一个servlet原生框架实现的停车场管理系统,总共分为两个角色,普通用户和管理员,实现了用户管理、停车信息管理、IC卡管理、临时停车管理、出入场管......
  • 基于SSM+JSP实现的民宿预订网站(用户管理、房源管理、注册登录、民宿预定、订单管理、
    @目录基于SSM+JSP实现的民宿预订网站实现功能截图系统功能使用技术完整源码基于SSM+JSP实现的民宿预订网站本系统是SSM的民宿管理系统,可以实现用户管理、房源管理、用户注册登录、民宿预定、订单管理等功能。(文末查看完整源码)实现功能截图登录首页房间管理房源管理......
  • 基于SSM+JSP实现的流浪猫狗救助系统(分为用户端和管理员端,领养动物、流浪动物知识学习
    @目录基于SSM+JSP实现的流浪猫狗救助系统实现功能截图系统功能使用技术完整源码基于SSM+JSP实现的流浪猫狗救助系统本系统是一个流浪猫狗救助系统,分为用户端和管理员端,用户端可以完成登陆注册、流浪猫狗知识学习、领养动物,管理员端可以对用户管理、流浪猫狗管理、领养管理、评论......
  • 基于SSM+JSP实现的兼职论坛网站(用户/管理员、登录、论坛交流、兼职发布、用户管理、
    @目录基于SSM+JSP实现的兼职论坛网站实现功能截图系统功能使用技术完整源码基于SSM+JSP实现的兼职论坛网站本系统是一个SSM的兼职论坛网站,通过管理员和普通用户的多角色设置,实现了论坛的前端客户通用功能和论坛后台的科学化管理。(文末查看完整源码)实现功能截图登录首页......
  • 第四十四篇 vue - 进阶主题 - 渲染函数 & JSX
    渲染函数&JSX在绝大多数情况下,Vue推荐使用模板语法来创建应用。然而在某些使用场景下,我们真的需要用到JavaScript完全的编程能力。这时渲染函数就派上用场了基本用法1、创建VnodesVue提供了一个h()函数用于创建vnodesimport{h}from'vue'constvnode=h(......
  • Next.js 13 如何使用loading.js
    要在next.js13中使用loading.js,我们需要先在对应的文件目录下创建loading.js文件文件结构如下:apptest1loading.tsxpage.tsx如上面的目录结构所示,我们创建了/test1路径下的页面,以及其对应的loading组件我们知道,nextjs13的组件默认都是服务端渲染(Server-sideRend......
  • pytest生成简单测试报告命令,不用安装插件
    --junit-xml=./repot/result.xml生成JunitXML文件可在命令终端输入:pytest./case/test_DS_004.py--junit-xml=./repot/result.xml    --pastebin=all生成在线测试报告可在命令终端输入:pytest./case/test_DS_004.py--pastebin=all ......