繁体   English   中英

使用api访问html5视频元素

[英]accessing html5 video elements using the api

尝试访问我的视频标签的各种属性。 开始查看HTML5视频API的一些答案。

这是我正在玩的基本代码...

<body>
<div style="text-align:center">     
    <video id="video" onClick="cut()" src="test.mp4" autoplay="autoplay" >

        not supported
    </video>
</div>

<script type="text/javascript">

    var myVideo=document.getElementById("video");
    var currentClip=0;
    document.write(myVideo.isEnabled); // trying to print this out to see what happens

    function cut()
      {
        if (currentClip == 0){
            myVideo.src = "bend.mp4"
            currentClip = 1;
            }
        else{
            myVideo.src = "test.mp4";
            currentClip = 0;
            }
      }

    function playPause(){
        if (myVideo.paused){ 
            myVideo.play(); 
        }
        else{ 
            myVideo.pause(); 
            } 
        }

     function makeBig(){ 
        myVideo.height=(myVideo.videoHeight*2); 
        } 

     function makeSmall(){ 
        myVideo.height=(myVideo.videoHeight/2); 
        } 

     function makeNormal(){ 
        myVideo.height=(myVideo.videoHeight); 
        } 

</script>

我正在尝试使用这一行document.write(myVideo.isEnabled); 但变得不确定。 我有丰富的Web编程经验,所以如果有任何明显的问题,请原谅。

我似乎认为我可以通过阅读api http://www.w3.org/TR/html5/video.html#media-resources-with-multiple-media-tracks的这一部分来做到这一点

我想我真的不知道该如何使用它的帮助?

请注意, <video>标签对象没有isEnabled属性。 您正在查看的不是MultipleTrackList接口。 检出: http : //www.w3schools.com/html5/tag_video.asphttps://developer.mozilla.org/en/HTML/Element/videohttps://developer.mozilla.org/en/Using_HTML5_audio_and_video

另外,不要使用document.write()进行调试,而使用alert(something)或更好(如果您正在使用Firebug安装在chrome或firefox上工作),请使用console.log(something)并在控制台中查看输出(使用铬中的f12即可查看)。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM