html5安卓直播flv,如何在手机端中使用HTML5插入flv格式的视频

先说结果:可行。

预览地址:

我临时在个人站点上提供一个预览链接,三天后删除

flv.js demo2

.mainContainer {

display: block;

width: 1024px;

margin-left: auto;

margin-right: auto;

}

.urlInput {

display: block;

width: 100%;

margin-left: auto;

margin-right: auto;

margin-top: 8px;

margin-bottom: 8px;

}

.centeredVideo {

display: block;

width: 100%;

height: 576px;

margin-left: auto;

margin-right: auto;

margin-bottom: auto;

}

.controls {

display: block;

width: 100%;

text-align: left;

margin-left: auto;

margin-right: auto;

}

Your browser is too old which doesn't support HTML5 video.

Load

Start

Pause

Destroy

SeekTo

function flv_load() {

if (flvjs.isSupported()) {

var videoElement = document.getElementById('videoElement');

var flvPlayer = flvjs.createPlayer({

type: 'flv',

url: '1.flv'

});

flvPlayer.attachMediaElement(videoElement);

flvPlayer.load();

flvPlayer.play();

}

window.player=flvPlayer;

}

function flv_start() {

player.play();

}

function flv_pause() {

player.pause();

}

function flv_destroy() {

player.pause();

player.unload();

player.detachMediaElement();

player.destroy();

player = null;

}

function flv_seekto() {

var input = document.getElementsByName('seekpoint')[0];

player.currentTime = parseFloat(input.value);

}

function getUrlParam(key, defaultValue) {

var pageUrl = window.location.search.substring(1);

var pairs = pageUrl.split('&');

for (var i = 0; i < pairs.length; i++) {

var keyAndValue = pairs[i].split('=');

if (keyAndValue[0] === key) {

return keyAndValue[1];

}

}

return defaultValue;

}

bVOivP?w=1483&h=709

bVOiv3?w=1279&h=195

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值