61,112
社区成员
发帖
与我相关
我的任务
分享视频播放器
视频播放器 : http://www.ossrs.net/players/srs_player.html (用IE才能播放)
这个视频播放器这么弄出来, 给一个连接就能播放视频, 其它功能不用
这个视频播放器这么弄出来, 给一个连接就能播放视频, 其它功能不用
...全文
请发表友善的回复…
发表回复
伟洪winni 2018-04-12
- 打赏
- 举报
真麻烦
拒绝废话 2018-04-12
- 打赏
- 举报
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.videoBox{
width: 500px;
}
.videoBox video{
width: 100%;
}
</style>
</head>
<body>
<div class="videoBox">
<!-- poster是放视频封面图片的 autoplay 是否自动播放-->
<video src="./myVideo.mp4" poster="./1.png" controls autoplay>您的浏览器不支持播放该视频。<br>Your browser does not support the video tag.</video>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function yf_video(selector){
selector.click(function(){
if($(this).children().get(0).paused){
$(this).children().get(0).play();
}else{
$(this).children().get(0).pause();
}
})
}
yf_video($(".videoBox"))
</script>
</body>
</html>
