getmethod用于检索视频元素的来源

时间:2014-05-01 06:11:28

标签: javascript html html5 popcornjs

是否有getMethod可以为我提供视频源,以便我可以从javascript设置其宽度和高度属性。

<script>
    document.addEventListener( "DOMContentLoaded", function() {
        var video = document.getElementsBySource("videos/LugaMantanah.mp4")[0];
        video.height = 300;
        video.width = 700;
        var sequence = Popcorn.sequence("container",
            [
              {
                src: "video",
                in: 0,
                out: 30
              },
              {
               src: "videos/LugaMantanahAreaCodes.mp4",
               in: 25,
               out: 55
             },
            ]);
}, false);
</script>

1 个答案:

答案 0 :(得分:0)

您可以在事件loadedmetadata触发后获取视频的宽度和高度:

video.addEventListener( "loadedmetadata", function (e) {
    var width = this.videoWidth;
    var height = this.videoHeight;
}, false );

评论后编辑:

如果你想设置视频的宽度,你需要解决视频标签(它们被Popcorn装入容器内)。

设置下面第一个视频的宽度和高度的示例。您可以在定义var sequence后将其添加到代码中。

var video = document.getElementsByTagName("video")[0];
video.height = 150;
video.width = 100;