在html5視頻中跳轉到currentTime後自動播放

我試圖創建一個視頻，該視頻在點擊按鈕後跳轉到視頻後從視頻中的某個點自動播放。我擁有它，以便視頻跳到現場，但我無法弄清楚如何從那裏自動播放。我是新來的JavaScript，我想可能有一個簡單的解決方案，我錯過了。在html5視頻中跳轉到currentTime後自動播放

function Fwd(){ 
     if (video.currentTime < 17.91 && video.currentTime >= 0) 
     { (video.currentTime = 17.92) 
     } 
     else if (video.currentTime < 35.93 && video.currentTime > 17.91) 
     { (video.currentTime = 35.94) 
     } 
    }

下面是一些我的html

<div id="sideright"> 
    <input type="button" id="fwdButton" onclick="Fwd()" class="button_fwdrew" /> 
</div> 

<video id="video" width="896" height="504" data-setup="{}" > 
<source src="video/myAwesomeVideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
<source src="video/myAwesomeVideo.webmhd.webm" type='video/webm; codecs="vp8, vorbis"'> 
<source src="video/myAwesomeVideo.oggtheora.ogv" type='video/ogg; codecs="theora, vorbis"' /> 
<p>Your browser doesn't support HTML5. Maybe you should upgrade.</p> 
</video>

這裏更是我的JavaScript

var v = document.getElementById("video")[0]; 
    v.volume = .5; 
    v.pause(); 
    video.onpause = video.onplay = function(e) { 
    playpause.value = video.paused ? 'Play' : 'Pause'; 
     }

來源

2013-01-03 Noob_C

不video.play()工作的？

function Fwd(){ 
    var video = document.getElementById("video"); 
    if (video.currentTime < 17.91 && video.currentTime >= 0) 
    { 
     (video.currentTime = 17.92) 
    } 
    else if (video.currentTime < 35.93 && video.currentTime > 17.91) 
    { 
     (video.currentTime = 35.94) 
    } 
    video.play(); 
}

我已經爲video變量添加了聲明，因爲這似乎造成了一些混淆。

在你編輯你已經創建了一個v變量但是這document.getElementById("video")後什麼陣列訪問[0]做你分配給它用的videoid（相關聯的元素DOM對象的第一屬性或方法的價值）。幾乎肯定該財產或方法本身不具有屬性volume或方法pause()。之後，您已經開始使用video變量，但未明確定義或設置其值。它可能在你沒有發佈的代碼中定義，但是從你顯示的內容來看，這很浪費，因爲你顯然試圖使v變量成爲視頻元素的參考 - 不需要v和video。

決定一個變量來保存對視頻元素的引用，使用document.getElementById("video")進行賦值，然後一致地使用它。

來源

2013-01-03 18:17:09 robertc

嗨robertc，感謝您的回覆，但不幸的是，視頻仍然無法播放。 –

@Noob_C發佈更多的代碼，或鏈接到您的示例。 – robertc

我在上面添加了更多的代碼，讓我知道你是否需要更多。我不確定什麼是有用的。我有相當多的JS和HTML，這與控制音量，靜音等問題無關... –

var update = function() { 
    if (document.getElementById("video").currentTime < 10) 
    { 
     document.getElementById("video").currentTime = 10; 
    } 
}; 
document.getElementById("video").setAttribute("ontimeupdate", "update();"); 
document.getElementById("video").play();

來源

2013-11-19 15:08:16

在html5視頻中跳轉到currentTime後自動播放

回答

相關問題