婷婷综合国产,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份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章
    主站蜘蛛池模板: 时尚| 周口市| 攀枝花市| 辰溪县| 镇远县| 蚌埠市| 曲靖市| 剑阁县| 阿拉善右旗| 台中市| 抚顺市| 共和县| 碌曲县| 银川市| 桃源县| 龙口市| 黎平县| 休宁县| 车险| 张掖市| 久治县| 观塘区| 驻马店市| 旺苍县| 隆德县| 康定县| 福鼎市| 五台县| 西宁市| 山阳县| 巢湖市| 确山县| 鄂托克前旗| 芒康县| 浠水县| 青海省| 若羌县| 平塘县| 宁远县| 咸阳市| 甘南县|