2014-09-06 56 views
3

我偶然發現this WoW website,並檢查一些元素,發現「旋轉角色」是WebM/MP4視頻。轉到角色部分,選擇一個角色,然後按this button.這將加載他們旋轉的視頻。移動鼠標時更改視頻的時間?

根據拖動光標的方向(左=反轉,右=快進),這些視頻可以快退和快進。

我的問題很簡單,有什麼功能呢?它是JavaScript嗎?

在此先感謝。

+1

這實際上是JavaScript。一個很酷的鏈接:http://emergeinteractive.com/demos/javascript-video-scrubber/ – 2014-09-06 19:19:03

+0

@DesignbyAdrian嘿,謝謝你,但我檢查了這些文件,他們只是jpg幀。除非我錯過了一些東西,否則我不太擅長編碼器。 – 2014-09-06 19:28:03

+0

伊斯蘭會議組織。這是一個更好的:http://html5etc.wordpress.com/2011/11/27/a-basic-html5-video-scrub-bar-using-jquery/哦,但它肯定不容易。將會有很多編碼。 – 2014-09-06 19:32:31

回答

1

它的JavaScript,這是他們所使用的代碼:

//this is for video on stage 
CharacterSelect.ui.modelVideo = ModelVideo.build($(".model-video")); 

//and this is when the page is ready 
$(document).ready(function() { 
if (ModelVideo.supportsVideo && !$('html').hasClass('ie')) { 
    var modelVideo = videoController.create(".model-video"); 
} 
}); 
+0

這不就是初始化視頻嗎?我仍然不太確定哪部分使用鼠標拖動事件。 – 2014-10-17 13:08:06