第32章 video元素与audio元素的常用属性

最新推荐文章于 2024-01-15 17:03:26 发布

iteye_17658

最新推荐文章于 2024-01-15 17:03:26 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏：阅-H52 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_17658/article/details/82644662

阅-H52 专栏收录该内容

35 篇文章

订阅专栏

本文介绍HTML5中audio和video元素的基本使用，并通过示例展示了如何利用JavaScript监听并处理播放过程中可能出现的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>audio元素和video元素的常用属性</title>
</head>
<body>
<h1>audio元素和video元素的常用属性</h1>
<!--<audio src="video/MP3.mp3" controls="controls" loop="loop"></audio>
<video src="video/video.mp4" controls="controls" width="600" height="250"  poster="tu.jpg" loop="loop"></video>-->
<video id="video" src="video/video.mp4"></video>
<script type="text/javascript">
    var video = document.getElementById('video');
    video.addEventListener("error",function(){
        var error = video.error;
        switch (error.code){
            case 1:
                alert('取回过程被用户中止。');
                break;
            case 2:
                alert('当下载时发生错误。');
                break;
            case 3:
                alert('当解码时发生错误。');
                break;
            case 4:
                alert('媒体不可用或者不支持音频/视频。');
                break;
        }
    },false);
</script>

</body>
</html>

效果图：