如何使用html跳轉到視頻位置5

我想使用html5視頻標籤播放我的視頻。如何設置視頻開始播放的時間。如何使用html跳轉到視頻位置5

例如我的視頻是90秒長我要開始爲30秒

打

<video width="320" height="240" controls> 
    <source src="<?php echo base_url() ?>/programs/prg1.mp4" type="video/mp4"> 
    Your browser does not support the video tag. 
    </video>

請幫我

來源

2013-12-16 Chinthu

嘗試ŧ o檢查這個http://stackoverflow.com/questions/5981427/start-html5-video-at-a-particular-position-when-loading – gregjer

我怎樣才能使視頻開始自動播放 – Chinthu

添加自動播放屬性後控制內您的視頻標籤另請參閱https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video – gregjer

從http://blog.grio.com/2012/08/how-to-seek-an-html5-video-at-a-specific-time-on-load.html

如何在特定尋求HTML5視頻加載時間Peter Tubig

HTML：

<video id="video1" width="320" height="240"> 
    <source src="movie.mp4" type="video/mp4" /> 
</video>

的Javascript：

document.getElementById("video1").currentTime = 10;

的JavaScript語句將視頻1視頻的當前時間爲10秒大關。但是，這隻有在瀏覽器已經加載視頻的元數據時纔有效。元數據包含相關的視頻信息，例如尺寸和持續時間。知道視頻的持續時間是瀏覽器查找視頻所必需的。如果沒有，那麼當前時間將不會被設置（保持爲0）。這種情況可能發生在網頁想要在頁面加載的特定時間播放視頻時。

來源

2013-12-16 09:49:16 gaurav5430

永遠不要以爲它會那麼簡單：D +1 –

在HTML

<video id="player" width="320" height="240" src="video1.ogv" type="video/ogg" controls="controls"> 
</video>

和Java腳本：

<script language="javascript"> 
    var video1 = "video1.ogv"; 
    var video2 = "video2.ogv"; 
    var player = document.getElementById("player"); 
    player.setAttribute("ontimeupdate", "update();"); 
    var time = 0.0; 
    var toUpdate = false; 

    function changeVideo() { 
    time = player.currentTime; 
    if (player.src.match(video1+"$") == video1) 
     player.src = video2; 
    else 
     player.src = video1; 
    player.load(); 
    toUpdate = true; 
    player.play(); 
    } 

    function update() { 
    if (flag) { 
     player.currentTime = time; 
     toUpdate = false; 
    } 
    } 
</script>

來源

2013-12-16 09:49:31

-1

HTML：

<video width="400" controls id="VideoId"> 
    <source src="Intro.mp4" type="video/mp4"> 
</video>`

的JavaScript：

var video = document.getElementsByTagName("VideoId")[0]; 
video.currentTime = 40.066667;

來源

2015-11-10 07:28:31

如何使用html跳轉到視頻位置5

回答

相關問題