婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5使用DOM進行自定義控制示例代碼

HTML5使用DOM進行自定義控制示例代碼

熱門標簽:智能芯電話機器人 百度地圖標注為什么總是封號 怎么做百度地圖標注 咸陽穩定外呼系統軟件 四川移動電銷外呼客戶管理系統 地圖標注柱狀圖 小朱地圖標注 400開頭的電話好申請不 臨海地圖標注app
HTML5的video雖然可用controls來展示控件,并進行控制播放暫停等,但是不同的瀏覽器顯示的效果可能不一樣,所以很多時候我們需要使用Dom來進行自定義的一些操作和控制。下面是一個小例子。
當然效果不是很美觀,若想好看的可以自己設置css樣式等。

復制代碼
代碼如下:

<div id="video_div" style="text-align:center;">
<button onclick="playPause()">播放/暫停</button>
<button onclick="toBig()">大</button>
<button onclick="toNormal()">中</button>
<button onclick="toSmall()">小</button>

<video id="myVideo" width="500" height="250" style="margin-top:15px;">
<source src="demo.mp4" type="video/mp4" />
<source src="demo.ogg" type="video/ogg" />
您的瀏覽器不支持此HTML5 視頻標簽。
</video>
</div>


復制代碼
代碼如下:

<script type="text/javascript">
var myVideo=document.getElementById("myVideo");
function playPause()
{
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function toBig()
{
myVideo.width=560;
}
function toNormal()
{
myVideo.width=420;
}
function toSmall()
{
myVideo.width=320;
}
</script>

需要注意的是在所有屬性中,只有 videoWidth 和 videoHeight 屬性是立即可用的。
在視頻的元數據已加載后,其他屬性才可用。

標簽:平頂山 南平 山南 黃石 黃石 陜西 平涼 公主嶺

巨人網絡通訊聲明:本文標題《HTML5使用DOM進行自定義控制示例代碼》,本文關鍵詞  HTML5,使用,DOM,進行,自定義,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5使用DOM進行自定義控制示例代碼》相關的同類信息!
  • 本頁收集關于HTML5使用DOM進行自定義控制示例代碼的相關信息資訊供網民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章
    主站蜘蛛池模板: 周口市| 郓城县| 广州市| 隆安县| 竹山县| 平原县| 普兰店市| 隆化县| 手游| 城固县| 商河县| 利辛县| 平潭县| 牟定县| 正镶白旗| 安阳市| 桂阳县| 曲沃县| 北票市| 浮山县| 吐鲁番市| 马龙县| 高阳县| 卢龙县| 思南县| 韶山市| 海伦市| 嘉义市| 平乡县| 陵川县| 温州市| 敦煌市| 临澧县| 桑植县| 南安市| 射洪县| 习水县| 县级市| 防城港市| 湾仔区| 临沧市|