在页面中嵌入的Video元素不被用户使用的浏览器支持,该怎么办呢?

如题所述

页面中嵌入的Video元素不被用户使用的浏览器支持的原因有两种:
1、用户浏览器的版本过低而不支持HTML5的Video元素
或者用户的浏览器本身就不支持HTML5的Video元素。
2、用户浏览器不支持我们通过Video元素嵌入视频的格式。
第一种情况我们就只有通过升级浏览器版本或者换其它的浏览器来避免。
第二种情况我们可以在写HTML代码时设置多个备用源来防止这种情况的发生。下面我们通过一段示例代码来进行说明:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Media: Fallback Support</title>

</head>
<body>
<article>
<h1>Media<span> - fallback support</span></h1>
</article>
<div id="result-stub" class="well">
//这里我们针对播放的视频我们将同一个视频转化了多个格式设置给同一个Video元素。这样只要浏览器支持情况一个格式的视频,就不会出现无法播放视频的情况
<video controls width="320">
<source src="../media/big_buck_bunny.mp4" type="video/mp4"/>
<source src="../media/big_buck_bunny.ogv" type="video/ogg" />
<source src="../media/big_buck_bunny.webm" type="video/webm" />
<p>此浏览器不支持该类型视频.</p>
</video>

</div>
</body>
</html>
这些都是HTML5中新加入的一些新特性的使用方法。推荐你可以去一个叫做秒秒学的网站中去查找相关的课程资料。
温馨提示:答案为网友推荐,仅供参考