JavaScript告诉视频从一秒开始而不是零开始

我在使用iframe的HTML页面上有一段视频，我正在寻找JavaScript或jQuery来从2.秒而不是零开始视频。因为视频预览在屏幕上显示为黑色，而不是在点击播放之前将其视为预览中的人物。JavaScript告诉视频从一秒开始而不是零开始

这是一个HTML脚本：

<iframe width="111" height="63" src="video/videoclip.m4v" frameborder="0"></iframe>

这是使用HTML，CSS和JS的iPhone应用程序。

来源

2012-12-05 Irishgirl

您应该使用html5视频标签，而不是iframe。 – epascarello

这是使用html，css和JS的iphone应用程序。我试过html5视频标签，但它的垃圾工作，并最终我使用iframe，因为它更好地缩小预览小时，按播放和正常视频播放完美。 – Irishgirl

http://www.whathaveyoutried.com –

您可以用HTML5 Video标签做到这一点和JavaScript

<video id="videoClip" width="111" height="63" controls="controls" autoplay="autoplay"> 
    <source src="video/videoclip.m4v" type="video/m4v"> 
</video>

这个JavaScript会等到视频加载，然后开始在2秒。

document.getElementById('videoClip').addEventListener('loadedmetadata', function() { 
    this.currentTime = 2; 
}, false);

视频标签可以使用CSS样式化，使其看起来像你的iframe解决方案。

来源

2012-12-05 21:20:11

类型可能是：type =“video/mp4”我不确定m4v使用什么。 –

谢谢Eystein。它可以在小屏幕上作为视频预览工作，例如宽度=“111”高度=“63”，用户点击视频播放图标，点击时打开（onTouch for iPhone），然后在iPhone上全屏播放。 480x320 iphone 4s？ – Irishgirl

是的，您可以添加一个onClick事件，然后执行：document.getElementById（'videoClip'）。webkitEnterFullscreen（）; –

JavaScript告诉视频从一秒开始而不是零开始

回答

相关问题