87,920
社区成员
发帖
与我相关
我的任务
分享如何兼容所有浏览器视频播放？
附上代码（之前网上看到的，拿来用确实可以 但是只兼容谷歌和火狐 IE不兼容，MP4格式），想问问有什么方法或者插件能兼容所有呢？最好附上代码 谢谢
<!D（）OCTYPE 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>
</head>
<body>
<video width="800px" height="450px" controls autoplay muted loop="loop" controlsList="nodownload" id="videoArea">
<source src="./BN18.mp4" type="video/mp4" />
<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
</object>
</video>
<script src="../js/jquery-3.4.1.js"></script>
<script>
$('#videoArea').bind('contextmenu', function () {
return false;
});
</script>
</body>
</html>
<!D（）OCTYPE 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>
</head>
<body>
<video width="800px" height="450px" controls autoplay muted loop="loop" controlsList="nodownload" id="videoArea">
<source src="./BN18.mp4" type="video/mp4" />
<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
</object>
</video>
<script src="../js/jquery-3.4.1.js"></script>
<script>
$('#videoArea').bind('contextmenu', function () {
return false;
});
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
囧 2020-05-15
- 打赏
- 举报
ie9开始支持mp4，低版本的用flash.
flash播放器下载了吗，这里2个mp4的文件也不一样
