在HTML5,用<video>元素加载的视频,在打开浏览器加载成功后会默认自动播放?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在HTML5,用<video>元素加载的视频,在打开浏览器加载成功后会默认自动播放?相关的知识,希望对你有一定的参考价值。

并不会自动播放啊,除非在video标签上设置了autoplay属性 参考技术A <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="Houtarchat">
<meta name="Author" content="Houtarchat">
<meta name="Keywords" content="百度知道,Houtarchat">
<meta name="Description" content="百度知道-Houtarchat">
<title>Document</title>
</head>
<body>
<video width="" height="" controls autoplay>
<source src="" type="video/mp4">
</video>
</body>
</html>

javascript 创建video元素

 

<!DOCTYPE html>
<html>
<body>

<h3>演示如何创建 VIDEO 元素</h3>

<p>请点击按钮来创建 VIDEO 元素,该元素将播放 .ogg 文件格式的影片。</p>

<button onclick="myFunction()">试一下</button>

<p id="demo"></p>

<script>
function myFunction()
{
var x = document.createElement("VIDEO");
x.setAttribute("width", "320");
x.setAttribute("height", "240");
x.setAttribute("controls", "controls");
x.setAttribute("src", "/i/movie.ogg");
document.body.appendChild(x);
document.getElementById("demo").innerHTML = "<b>注释:</b>IE 和 Safari 不支持 .ogg 文件格式。这只是一个例子。如需使其在所有浏览器中运行,您应该在 video 元素中使用 source 元素。";
}
</script>

</body>
</html>

 

以上是关于在HTML5,用<video>元素加载的视频,在打开浏览器加载成功后会默认自动播放?的主要内容,如果未能解决你的问题,请参考以下文章

HTML5的媒体元素及iframe框架的使用

带有 Video.js 和 AJAX 的 HTML5 视频

Android 上的 HTML5 <video> 元素

html5 <video>怎么在页面加载好久开始播放视频

HTML5中audio标签的使用

如何使用 HTML5 <video> 元素播放 m3u8(文件)视频?