html5播放器 —— willesPlay.js，支持手机播放

原创

丁向明 2018-04-19 15:39:17 ©著作权

文章标签 前端 willes Play js 文章分类 Html/CSS 前端开发

©著作权归作者所有：来自51CTO博客作者丁向明的原创作品，请联系作者获取转载授权，否则将追究法律责任

之前介绍了不少视频播放器，但是很多是基于flash的，现在已经很明显，flash被很彻底的干掉了，收藏一两个html5播放器（可以手机播放，手机都支持html5），以备做项目之需。

源码地址

https://www.html5tricks.com/download/html5-video-player-mobile.rar

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

HTML+JavaScript+CSS实现文字逐行显示特效

要实现一个文字逐行显示的特效，可以使用HTML、CSS和JavaScript来完成。这里提供一个基础的实现思路和代码示例，你可以根据具体需求进行调整和优化。HTML 结构首先，定义HTML结构，这里我们使用一个<div>来包裹每一行文字，每一行文字将被单独的<div>元素包含，以便于控制显示动画。<div id="textAnimator" style="text-a

HTML html
HarmonyOS入门之图形显示

1.Image组件在现代应用程序开发中，图片作为视觉信息的重要载体，对于提升用户体验、传达品牌风格及增强用户界面的吸引力起着至关重要的作用。为了有效地管理和展示各类图片资源，如按钮图标、背景图案、网络图片以及用户上传的本地图片等，开发者广泛采用Image组件这一强大的工具。本文将深入探讨如何利用Image组件处理不同来源的图片、调整显示效果，并结合实际场景优化图片加载与渲染，从而确保应用程序在美观

Image Harmony
vue + threejs项目：TextureLoader纹理贴图不显示图片（显示黑色）的问题（解决篇）

vue + threejs项目：TextureLoader纹理贴图不显示图片（显示黑色）的问题（解决篇）原因分析 · 解决办法：第一种：物体材质不对改用下述代码试下：const geometry = new THREE.PlaneGeometry(204, 102);第二种：导入的方式不对如果是vue项目，基于vue导入图片，则需要改成require的引入方式，代码如下：// 创建基础几何模型(在

渲染器纹理贴图初始化
vue实现点击那个标题就显示哪个标题的细节

<template> <div class="top"> <div class="top_div"> <div style="background-color:coral;"> <img style="width: 50px;height: 50px" src="../assets/logo.png"&g...

vue 点击标题
那个秋天

我和那个秋天又是一年秋天来到了，秋天的风吹到脸上，很舒服，炎热的夏天过去了，没有了烦闷和焦躁，秋天好象是诗人的季节，秋天的雨，秋天的风，秋天的黄昏、还有秋天的落叶，菊花黄了，树叶黄了，稻谷熟了，金灿灿的。碧云天，黄叶地，秋色连波，波上寒烟翠。也许秋天是黄色的，是寂寞的，

职场情感休闲
java html转图片那个组件最快

# Java HTML转图片最快实现指南## 1. 介绍作为一名经验丰富的开发者，你对于Java中HTML转图片这个需求可能已经很熟悉了。现在有一位刚入行的小白不知道如何实现“java html转图片那个组件最快”，你需要教会他。本篇文章将指导你完成这个任务，并以1200字左右的篇幅展开讨论。## 2. 流程概览首先，让我们来看一下整个实现“java html转图片”的流程。我们可以

HTML 加载 java
video html5 显示播放按钮

# 实现“video html5 显示播放按钮”## 整体流程为了实现在HTML5的视频播放器上显示播放按钮，可以按照以下步骤进行操作：1. 创建一个video标签，用于显示视频。2. 为video标签添加控制按钮。3. 通过JavaScript编写逻辑，实现按钮的显示和隐藏。4. 使用CSS样式美化播放按钮的外观。下面将详细介绍每个步骤需要做的事情，并提供相应的代码和注释。

ide CSS 视频播放
python 如何区别显示屏是链接在那个display

# 项目方案：Python 如何区别显示屏是链接在哪个 display## 1. 项目背景和目标在现代计算机领域，多显示屏已经成为常见的使用场景。然而，对于某些应用程序，我们可能需要确定特定的显示屏是链接在哪个 display 上。本项目的目标是通过使用 Python 编程语言，编写一个方案来区别显示屏是链接在哪个 display 上。## 2. 方案设计### 2.1 方案概述我

Python 示例代码 python
mysql的sql语句中那个是直接显示当前添加日期

# MySQL中如何直接显示当前添加日期在现代的数据库管理系统中，日期和时间是记录数据的重要组成部分。在MySQL中，我们常常需要在插入数据时自动记录当前的时间。本文将详细介绍MySQL中如何使用SQL语句实现这一功能，并提供相应的代码示例。## 当前时间的获取在MySQL中，可以使用 `NOW()` 函数获取当前的日期和时间。此函数会返回服务器的当前日期和时间，格式通常为 `YYYY

数据字段 MySQL
显示在应用上层的那个权限怎么设置 android开发

# 如何在Android应用中设置“显示在应用上层”的权限在Android开发中，当你想要创建一个可以悬浮在其他应用之上的窗口时，你需要获取“显示在应用上层”的权限。这种功能通常用于即时消息、通知或者其他需要随时显示信息的应用程序。本文将指导你如何获取这个权限，并通过示例代码进行说明。## 一、什么是“显示在应用上层”的权限？在Android中，想要在其他应用之上显示窗口，需要使用`S

App 悬浮窗 Android
android 查询那个包名有没有安装

# Android查询包名是否安装## 介绍在Android开发中，有时候我们需要判断某个应用是否已经安装在设备上。这个需求在开发中是非常常见的，比如在应用内跳转到其他应用，或者在应用内提供特定功能给其他应用使用。本文将教你如何实现在Android中查询包名是否安装，并给出详细的步骤和代码示例。## 流程概述下面是整个实现过程的流程图，可以清晰地看到每个步骤的顺序和关联。`

包名开发者 Android
随机显示数字

主要知识点有：数组的两种新建方式， Math.random函数的运用 innerHTML与

html javascript 数组 xml 运算符
Flex？html5?他们之间那个更好？

首先你要注意和确认的一点就是不论你学习了flex还是html5，你的学习成果都是难能可贵的，因为不论是哪一个，起码在现在和将来的一段时间内还是十分有用的，而且在flex如日中天的现在，学习好flex对于一个程序开发人员来说是十分重要的，也是十分必要的，那么html5是不是就是不好呢？答案当然是否定的，html5虽然现在还在进阶阶段，html5的开发还没有完全的结束，但是html5的表现已经开始让人

程序开发如何网页游戏而且
Android中文本那个安卓显示文本

三种方法详细解释案例方法一方法二方法三简化版案例方法一方法二方法三详细解释案例方法一package com.thundersoft.myapplication.demo0525;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import com.thundersoft.myappli

Android中文本那个 android xml Java
android 那个控件可以显示RGB图片数据

推荐安卓开发神器（里面有各种UI特效和android代码库实例）可能是一直都在做Web的富客户端开发的缘故吧，在接触Android之后，发现其控件实在惨不忍睹（不知道是否说得过于偏激），我所说的惨不忍睹的意思不是说控件难看，Android的控件非常漂亮，这是我们公司公认的，但是最大的缺点在于控件功能非常弱小。弱小得一个Radio只能放一个text，而没有value（key）

Android XML Google 自定义控件 android
html5 显示随机文本

JavaScript返回0-1之间随机数的方法本文实例讲述了JavaScript返回0-1之间随机数的方法。分享给大家供大家参考。具体如下：JavaScript的Math对象的random方法可以返回一个0-1之间随机数Click the button to display a random number.Try itfunction myFunction(){document.getEl

html5 显示随机文本 html中随机数包含0或1吗随机数 Math javascript
html显示JavaScript HTML显示空格

标签：一、使用全角空格全角空格被解释为汉字，所以不会被被解释为HTML分隔符，可以按照实际的空格数显示。二、使用空格的替代符号替代符号就是在需要显示空格的地方加入替代符号，这些符号会被浏览器解释为空格显示。空格的替代符号有以下几种：名称编号描述不断行的空白(1个字符宽度) 半个空白(1个字符宽度) 一个空白(2个字符宽度) 窄空白(小于1个字符宽度)可以用名称或编号作

html显示JavaScript html 空格显示的是字母 CSS 取值 ci
grep那个参数显示之后的一行 grep只显示最后几次匹配

一、grepgrep [选项] ‘模式’ 文件选项：-o：仅显示匹配到的行-v：仅显示未匹配到的行-q：静默模式，不输出信息-i：忽略大小写匹配-A #：多匹配后#行-B #：多匹配前#行-C #：多匹配前后#行-E：使用扩展正则表达式--color=auto：匹配到的内容自动着色模式：单个字符匹配： .：单个任意字符 []：范围内的字符，如[a-z]，[0-9]等 [^]

grep那个参数显示之后的一行正则表达式 sed 分隔符
主机应该用那个接口和显示器相连效果最好？

随着高清技术的普及，各种高清接口已经不再罕见。很多朋友问我，显示器和主机用什么接口链接才清晰，本文简要回答这个问题。工具/原料普通主机(最好是多种显示输出接口)常用显示器(最好有高清数字视频接口和传统模拟视频接口)方法/步骤（一）分清电脑主机显示输出接口电脑主机常用视频接口介绍。如下图所示,电脑常用...

生活信号线双屏模拟视频故障分析
显示随机键盘

显示随机键盘

html5课程微信人工智能 css html

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯