在线播放mp4

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

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

AVC(h264) 格式的mp4

 

2、用ckplayer控制播放

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

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

 在线播放mp4 随笔

 

<!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()

  

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄