2015-09-22 55 views
0

因此在過去的幾天裏,我一直在使用javascript和html。在html 5視頻標籤上。我想創建一個沒有jQuery的可靠視頻播放器。我已經看過關於音量,播放和暫停以及全屏等自定義控件的不同教程。我想稍微深入一點,但不要多看看找到一個好的來源,關於一些更高級的控制。像在時間軸上盤旋並獲得當時顯示內容的圖像。非常像YouTube和其他視頻播放器的工作方式。添加更多凝灰岩的東西,比如時間信息,磨砂條,關鍵時刻,微調和字幕。使用javascript和html製作的視頻

任何人都可以點我的方向,我可以找到像我列出的任何東西?

謝謝:d

回答

0

HTML視頻標籤可以提供您所需的所有往返嵌入你的頁面中媒體

很好的指導作用是通過this Mozilla MDN Using HTML5 audio and video

從簡單的標籤提供

<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls> 
    Your browser does not support the <code>video</code> element. 
</video> 

to controllin克媒體回放用於音頻的視頻

<audio id="demo" src="audio.mp3"></audio> 
<div> 
    <button onclick="document.getElementById('demo').play()">Play the Audio</button> 
    <button onclick="document.getElementById('demo').pause()">Pause the Audio</button> 
    <button onclick="document.getElementById('demo').volume+=0.1">Increase Volume</button> 
    <button> onclick="document.getElementById('demo').volume-=0.1">Decrease Volume</button> 
    </div> 
相關問題