码迷,mamicode.com
首页 > 其他好文 > 详细

在线播放mp4

时间:2019-05-15 16:25:20      阅读:2401      评论:0      收藏:0      [点我收藏+]

标签:容器   lang   png   ret   inf   准备   ext   __name__   object   

在线播放mp4

1、准备好支持再网页上播放的mp4格式

AVC(h264) 格式的mp4

 

2、用ckplayer控制播放

(1)到ckplayer下载js。如:http://www.ckplayer.com/down/

(2)到flask工程中写html静态代码

技术图片

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello flask</title>
</head>
<body>
<h1>hello flask2</h1>

<script type="text/javascript" src="js/ckplayer/ckplayer.js"></script>
<div class="videosamplex">
    <video id="videoplayer" src="http://127.0.0.1:5000/static/p42.mp4"></video>
</div>
<script type="text/javascript">
    var videoObject = {
	container: ‘.videosamplex‘,//“#”代表容器的ID,“.”或“”代表容器的class
	variable: ‘player‘,//该属性必需设置,值等于下面的new chplayer()的对象
	poster:‘pic/wdm.jpg‘,
	mobileCkControls:true,//是否在移动端(包括ios)环境中显示控制栏
	mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
	h5container:‘#videoplayer‘,//h5环境中使用自定义容器
	video:‘http://127.0.0.1:5000/static/p42.mp4‘//视频地址
    };
    var player=new ckplayer(videoObject);
</script>
</body>
</html>

  

3、用flask暴露mp4服务

# -*- coding: utf-8 -*-
from  flask import Flask

app = Flask(__name__)


@app.route(‘/‘)
def index():
    return "hello flask"


if __name__ == ‘__main__‘:
    app.run()

  

 

在线播放mp4

标签:容器   lang   png   ret   inf   准备   ext   __name__   object   

原文地址:https://www.cnblogs.com/andy9468/p/10869803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!