console 命令行工具 X clear

> Uncaught ReferenceError: VConsole is not defined
> 您的浏览器支持h264编码。

> 您的浏览器支持vp8编码。

> 1111,function canPlayType() { [native code] }
> 客户端开始请求数据
> 请求数据时遇到错误 ,{"isTrusted":true}
> 请求数据时遇到错误 ,4

console

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>video监听播放完毕</title>
    <script type="text/javascript" src="https://mscjs.51vv.com/wx/m/vv-base/js/flexible.js"></script>
    <script type="text/javascript" src="https://mscjs.51vv.com/wx/m/vv-base/js/source/vconsole.v3_2_0.min.js"></script>
    <script>
        // init vConsole
        var vConsole = new VConsole();
        console.log('Hello world');
        var vv = window.vv || {}
    </script>
</head>
<body>
<!--src:音频播放路径-->
<video src="http://txcdn1-file-m.mvbox.cn/upload/web/content/0f8313a0f8f509b400cdb34c0665edc3.mp4" id="video"
       controls="true" autoplay="true">
    Your browser does not support the video element.
</video>
<!-- http://chuangshicdn.data.mvbox.cn/live/vp/08/0f8313a0f8f509b400cdb34c0665edc3.mp4 -->


<script>


        function checkVideo() {
            var myVideo = document.createElement('video');
            if (myVideo.canPlayType) {
                if ("" != myVideo.canPlayType('video/mp4;codecs="avc1.64001E"')) {
                    console.log("您的浏览器支持h264编码。<br>");
                }
                if ("" != myVideo.canPlayType('video/ogg; codecs="vp8"')) {
                    console.log("您的浏览器支持vp8编码。<br>");
                }
                if ("" != myVideo.canPlayType('video/ogg; codecs="theora"')) {
                    console.log("您的浏览器支持theora编码。");
                }
            }
            else {
                console.log("您的浏览器不支持要检测的视频格式。");
            }
        }
        checkVideo();






    let video = document.getElementById("video");

    console.log('1111',video.canPlayType)
    // 音频不循环播放
    video.loop = false;
    // addEventListener:
    // true - 事件句柄在捕获阶段执行
    // false - 默认。事件句柄在冒泡阶段执行
    video.addEventListener('loadstart', function () {
        console.log("客户端开始请求数据");
    }, false);
    video.addEventListener('progress', function () {
        console.log("客户端正在请求数据");
    }, false);
    video.addEventListener('error', function (err) {
        console.log("请求数据时遇到错误 ",JSON.stringify(err));
        console.log("请求数据时遇到错误 ",video.error.code);

    }, false);
    video.addEventListener('stalled', function () {
        console.log("网速失速 ");
    }, false);
    video.addEventListener('play', function () {
        console.log("play()和autoplay开始播放时触发 ");
    }, false);
    video.addEventListener('pause', function () {
        console.log("暂停触发");
    }, false);
    video.addEventListener('loadedmetadata', function () {
        console.log("当指定的音频/视频的元数据已加载时");
    }, false);
    video.addEventListener('loadeddata', function () {
        console.log("当当前帧的数据已加载，但没有足够的数据来播放指定音频/视频的下一帧时，会发生 loadeddata 事件。");
    }, false);
    video.addEventListener('waiting', function () {
        console.log("等待数据，并非错误");
    }, false);
    video.addEventListener('playing', function () {
        console.log("正在播放时触发。");
    }, false);
    video.addEventListener('canplay', function () {
        console.log("可以播放，但中途可能因为加载而暂停");
    }, false);
    video.addEventListener('canplaythrough', function () {
        console.log("可以播放，歌曲全部加载完毕");
    }, false);
    video.addEventListener('seeking', function () {
        console.log("当用户开始移动/跳跃到音频/视频中的新位置时");
    }, false);
    video.addEventListener('seeked', function () {
        console.log("当用户已移动/跳跃到音频/视频中的新位置时");
    }, false);
    video.addEventListener('timeupdate', function () {
        console.log("播放时间改变");
    }, false);
    video.addEventListener('ended', function () {
        console.log("播放结束");
    }, false);
    video.addEventListener('ratechange', function () {
        console.log("播放速率改变");
    }, false);
    video.addEventListener('durationchange', function () {
        console.log("资源长度改变");
    }, false);
    video.addEventListener('volumechange', function () {
        console.log("音量改变");
    }, false);
</script>
</body>
</html>