A cópia do código é a seguinte:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> </title>
</head>
<Body>
<div id = "divvideo"> </div>
// Como o nível de JS é limitado, não critique se você não gosta. Apenas finja que está tudo bem. O vídeo é um novo controle no HTML5. Você pode conferir.
<script type = "text/javascript">
// mp4 é um formato comumente suportado pelo iOS e Android
função playvideo (opt) {
if (typeof (opt) == "indefinido") {
alerta ("Passe os parâmetros necessários!");
retornar;
}
if (typeof (opt.Elemt) == "indefinido") {
alerta ("Especifique o objeto a ser inserido pelo jogador!");
retornar;
}
if (typeof (opt.src) == "indefinido") {
alerta ("Especifique o caminho para reproduzir o vídeo!");
retornar;
}
var _This = this;
_This.Elemt = opt.Elemt; // o objeto a ser inserido pelo jogador
_This.src = opt.src; // o URL do vídeo (necessário)
_This.Width = Opt.Width> 0? opt.width + "px": "100%"; // largura (padrão 100%)
_This.Height = Opt.Height> 0? opt.Height + "px": "100%"; // altura (padrão 100%)
_This.autoPlay = opt.autoPlay == "true"? "AutoPlay": ""; // AutoPlay (true é reprodução automática)
_This.poster = opt.poster; // capa de vídeo, foto de capa durante a reprodução
_This.preload = opt.preload == "true"? "pré -carga": ""; // pré -carga (comece a carregar quando verdadeiro)
_This.loop = opt.loop == "true"? "laço" : ""; // loop play (loop toca quando verdadeiro)
var str = "<video id = 'playvideo' controles"; // ortografia do controle de vídeo com base no valor do atributo definido
str + = "largura = '" + _this.width + "' altura = '" + _this.Height + "'" + _This.AutoPlay + "" + _This.preload + "" + _this.loop + "";
if (typeof (_this.poster)! = "indefinido") {
str + = "poster = '" + _this.poster + "'>";
} outro {
str += ">";
}
str + = "<origem src = '" + _this.src + "' />";
str += "</video>";
this.Elemt.innerhtml = str; // coloque STR no objeto a ser inserido
}
Playvideo ({
// Todos os parâmetros, elemt e SRC são necessários para preencher outros parâmetros, dependendo dos requisitos
// Elemt é o contêiner a ser inserido no controle de reprodução, o SRC é o endereço do arquivo de vídeo, a pré -carga é a pré -carga e, se a página do AutoPlay entrar, ele será reproduzido automaticamente
// pôster é a imagem ocluída antes da reprodução, o loop é se deve jogar loop, largura e heigth são 100% por padrão
elemt: document.getElementbyId ("divvideo"),
src: "3.mp4",
pré -carga: "verdadeiro",
AutoPlay: "True",
pôster: "",
Loop: "True",
largura: "",
altura:""
});
</script>
</body>
</html>