run <<
Previous wink
wink加入網頁步驟:
先到老師的網站複製原始碼
複製第143-164行
複製到Source code並更改以下內容:
<script>
var winkVideoData = {
dataVersion: 1,
frameRate: 20,
buttonFrameLength: 10,
buttonFrameOffset: 5,
frameStops: {
},
};
</script>
<div class="winkVideoContainerClass"><video class="winkVideoClass" data-dirname="./../cmsimde/static" data-varname="winkVideoData" height="712" width="1138">
<source src="./../downloads/wink/meArm_robot_wink.mp4" type="video/mp4"/></video>
<div class="winkVideoOverlayClass"></div>
<div class="winkVideoControlBarClass"><button class="winkVideoControlBarPlayButtonClass"></button> <button class="winkVideoControlBarPauseButtonClass"></button>
<div class="winkVideoControlBarProgressLeftClass"></div>
<div class="winkVideoControlBarProgressEmptyMiddleClass"></div>
<div class="winkVideoControlBarProgressRightClass"></div>
<div class="winkVideoControlBarProgressFilledMiddleClass"></div>
<div class="winkVideoControlBarProgressThumbClass"></div>
</div>
<div class="winkVideoPlayOverlayClass"></div>
</div>
1.刪除「./../cmsimde」
ex:dirname="/static"
2.改成自己wink影片的尺寸「height="712" width="1138"」
ex:height="800" width="1200"
3.改成自己影片的路徑及名稱「wink/meArm_robot_wink」
ex:<source src="./../downloads/test.mp4"
改好後會像圖片這樣，紅色框的內容可避免wink影片重疊，分別加在wink影片原始碼前後
run <<
Previous