javascript - 定位视频播放器并调整其大小

我正在尝试建立一个显示视频的网页。

这是我的网页外观：

http://tinypic.com/r/kbozh4/8

我希望视频能够准确播放屏幕在图片中的位置，并准确显示屏幕的大小。有人可以提供一个很好的有关如何执行此操作的教程的链接来帮助我。我不是一个完全的新手，但是我对HTML5，CSS3和Javascript的了解有限。所以请不要太复杂。

这是我刚才用来显示视频播放器，视频并为其设置大小的代码：

    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="455" height="455" poster="../Images/JungleAnimals.png" data-setup='{"example_option":true}'>
                    <source src="../Videos/JungleAnimals.mp4" type='video/mp4' />
    </video>

最佳答案

编写以下html代码：

<img src="http://oi61.tinypic.com/kbozh4.jpg">
<video src="Your_video_url" autoplay>

和CSS代码：

video {
 background: #000;
 position: absolute;
 left: 45px;
 top: 31px;
 width: 376px;
 height: 208px;
}

请参阅http://jsfiddle.net/tLZSB/2/上的工作示例

关于javascript - 定位视频播放器并调整其大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23981594/