H5视频播放器

淡淡的烟草味﹌ 2022-04-22 13:40 389阅读 0赞

<!doctype html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>视频</title>  
<link href="css/video-js.min.css" rel="stylesheet">  
<style>  
body \{  
background-color: \#191919  
\}  
.m \{  
width: 960px;  
height: 400px;  
margin-left: auto;  
margin-right: auto;  
margin-top: 100px;  
\}  
</style>  
</head>

<body>  
<div class="m">  
<video id="my-video" class="video-js" controls preload="auto" width="960" height="400"  
poster="m.jpg" data-setup="\{\}">  
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">  
<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">  
<source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">  
<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>  
<script src="js/video.min.js"></script>  
<script src="http://vjs.zencdn.net/5.19/lang/zh-CN.js"></script>  
<script type="text/javascript">  
var myPlayer = videojs('my-video');  
videojs("my-video").ready(function()\{  
var myPlayer = this;  
myPlayer.play();  
\});  
  
</script>  
</div>  
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，389人围观）

还没有评论，来说两句吧...

相关阅读

相关 video.h5.player.js视频播放器

> video.h5.player.js（内部项目）是一款基于[flowplayer][]开发的视频播放器，播放核心采用video标签/flash控件，界面完全交由用户

悠悠/ 2024年02月19日 18:13/ 0 赞/ 60 阅读

相关 html5播放rtmp流 h5 rtmp播放器 web播放器 H5播放rtsp流

经过多年的项目实战和研发经验的积累，总结了一下对于H5视频可视化在视频播放上如何做到无插件H5展示的方法，尤其是契合安防行业的方案；除了HTTP、WebSocket类的传输

╰半橙微兮°/ 2023年10月13日 21:01/ 0 赞/ 65 阅读

相关 HTML5视频播放器插件

[下载地址][Link 1]ckin是一款界面漂亮的HTML5视频播放器插件。该视频播放器内置有三种皮肤，并且允许你修改控制按钮的颜色，遮罩层透明度和视频封面等。参数配置：da

旧城等待，/ 2022年09月10日 14:22/ 0 赞/ 362 阅读

相关 html5视频播放器

html5 视频音频制作学习的笔记，记录备忘。效果图： ![Center][] 代码： <!DOCTYPE html> <ht

绝地灬酷狼/ 2022年08月19日 08:59/ 0 赞/ 357 阅读

相关 h5视频播放

html5提供的有视频播放功能，标签可以使用video demo如下： <div class="video"> <video src="video/Vision

谁借莪１个温暖的怀抱￠/ 2022年08月03日 12:55/ 0 赞/ 351 阅读

相关 H5视频播放器开发-基础篇

最新更新时间：2019年1月11日15:19:15 [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] > 本文内容：H5 Video HTML

不念不忘少年蓝@/ 2022年05月19日 03:10/ 0 赞/ 368 阅读

相关 H5视频播放器

<!doctype html> <html> <head> <meta charset="utf-8"> <title>视频</title> <link h

淡淡的烟草味﹌/ 2022年04月22日 13:40/ 0 赞/ 390 阅读

相关 H5视频播放器开发-画中画

最新更新时间：2019年1月11日16:59:54 [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] > 本文内容：画中画概述 > 画中

红太狼/ 2022年03月27日 02:05/ 0 赞/ 436 阅读

相关 vue项目使用视频播放器 h5视频播放插件

vue项目中需要播放视频，然后网上搜了一下对应的插件，发觉xg-player西瓜播放器用起来不错。开源这个播放器的作者应该是一个超级大牛。特此记录一下这款播放器的使用

客官°小女子只卖身不卖艺/ 2022年02月24日 13:30/ 0 赞/ 1125 阅读

相关 h5 视频

视频 <vedio src="xx" 属性></vedio> 视频属性 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

清疚/ 2021年07月24日 23:13/ 0 赞/ 591 阅读