html5 Video控件视频播放，电脑和手机上都能兼容。（mp4格式电脑和android、ios都能播放）

最新推荐文章于 2024-04-05 09:45:30 发布

闪耀的瞬间

最新推荐文章于 2024-04-05 09:45:30 发布

阅读量3.6w

点赞数 4

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/zhuyu19911016520/article/details/25803581

版权

JavaScript 专栏收录该内容

65 篇文章 0 订阅

订阅专栏

<!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>
<script type="text/javascript">
playVideo({
//所有参数，elemt和src为必填其他看需求怎么要求
//elemt为播放控件要插入的容器，src为视频文件地址，preload为预加载，autoplay是否页面进入就自动播放
//poster为播放前的遮照图片，loop为是否循环播放，width和heigth默认100%
elemt: document.getElementById("divVideo"),
src: "3.mp4", //此地址是在本机测试用的，如果发布在服务器上请写服务器的绝对路径。我是发布在外网上的，例如：http://www.tttt.com/test/3.mp4
preload: "true",
autoplay: "true",
poster: "",
loop: "true",
width: "",
heigth:""

});

</script>
</body>
</html>

闪耀的瞬间

关注

4
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
html5 Video控件视频播放，电脑和手机上都能兼容。（mp4格式电脑和android、ios都能播放）

playVideo({ //所有参数，elemt和src为必填其他看需求怎么要求 //elemt为播放控件要插入的容器，src为视频文件地址，preload为预加载，autoplay是否页面进入就自动播放 //poster为播放前的遮照图片，loop为是否循环播放，width和heigth默认100%
复制链接

扫一扫