2012-12-05 91 views
0

我在使用iframe的HTML頁面上有一段視頻,我正在尋找JavaScript或jQuery來從2.秒而不是零開始視頻。因爲視頻預覽在屏幕上顯示爲黑色,而不是在點擊播放之前將其視爲預覽中的人物。JavaScript告訴視頻從一秒開始而不是零開始

這是一個HTML腳本:

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

這是使用HTML,CSS和JS的iPhone應用程序。

+2

您應該使用html5視頻標籤,而不是iframe。 – epascarello

+1

這是使用html,css和JS的iphone應用程序。我試過html5視頻標籤,但它的垃圾工作,並最終我使用iframe,因爲它更好地縮小預覽小時,按播放和正常視頻播放完美。 – Irishgirl

+2

http://www.whathaveyoutried.com –

回答

2

您可以用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解決方案。

+0

類型可能是:type =「video/mp4」我不確定m4v使用什麼。 –

+0

謝謝Eystein。它可以在小屏幕上作爲視頻預覽工作,例如寬度=「111」高度=「63」,用戶點擊視頻播放圖標,點擊時打開(onTouch for iPhone),然後在iPhone上全屏播放。 480x320 iphone 4s? – Irishgirl

+0

是的,您可以添加一個onClick事件,然後執行:document.getElementById('videoClip')。webkitEnterFullscreen(); –