專業聊城網站建設、豐富的網站建設制作經驗,大量客戶案例!服務熱線: 15192175820 13346228859 設為首頁|加入收藏|關于我們|聯系我們
    您現在的位置:首頁 > 新聞中心 > 建站知識
    HTML5之視頻標簽 video應用及案例
    來源: | 作者:管理員 | 發布時間: 2018-7-30 | 瀏覽:115次 【關閉此頁】 【打印此文

    在video標簽中,我們可以使用屬性:videoWidth & videoHeight,它獲取的是video的寬度和高度(媒體本身)。
    雖然不能直接使用,但是可以通過計算寬高比得到 video 占用的寬度和高度。
    比如讓 video 占滿寬度為480px的容器,可以根據寬高比得到此時video占用的高度。

    重要:

    • h5的video標簽,修改source的src地址,必須采用動態插入source元素的形式,否則瀏覽器不會重新請求播放資源。

    一般做法:

    • 不要自己加暫停時視頻中間的繼續播放按鈕,要使用瀏覽器默認的。

    • 暫停時,頁面顯示浮層,使用pause事件添加


     video標簽屬性

                   src="文件路徑地址" width="寬" height="高" controls="控制條" autoplay="自動播放" loop="循環" preload="預加載"
                   <video width="320" height="240" controls="controls">             <!-- 同一視頻的兼容性寫法 -->
                        <source src="movie.ogg" type="video/ogg">                     <source src="movie.mp4" type="video/mp4">
                        <!-- 同一視頻的兼容性寫法 -->
                        Your browser does not support the video tag.
                   </video>

    video標簽點擊暫停事件,起初測試階段未發現該兼容BUG,后來android上點擊可以暫停,ios上點擊無效果,一般bug都是反過來的,可能video標簽有它自己的想法吧!

    debug階段:

    1.懷疑定位層級問題導致底部video沒有觸發,依次增加層級直到最高z-index元素video-play被覆蓋,點擊事件依然無法執行

    2.懷疑js未能獲取DOM,js監聽dom操作無alert彈出,改為后臺交互數據加載完成后再次監聽點擊事件,依然無效果,再改為dom增加點擊事件依然無效果。

    3.解決方案-后來反思:用戶首次點擊video-play元素可以操縱video播放,所以增加第三方元素覆蓋video標簽范圍區域,監聽此標簽用戶操作事件控制video播放/暫停


      標簽:
      分享到:
      上一條: 百度秒收秒排名的做法有哪些?
      下一條: 如何更換友情鏈接,交換友情鏈接有哪些技巧
      網站首頁| 網站建設 手機網站| 微信營銷| 經典案例| 解決方案| 網站推廣| 新聞資訊| 關于我們| 售后服務| 聯系我們
      主站蜘蛛池模板: 国产成人久久精品亚洲小说| 国产日韩美国成人| 日本娇小xxxⅹhd成人用品| 成人福利免费视频| 成人五级毛片免费播放| 国产成人v爽在线免播放观看| 国产成人无码免费视频97| 亚洲精品午夜国产va久久成人| 中文国产成人精品久久久| 成人中文精品3d动漫在线| 亚洲国产成人精品无码区在线观看| 成人黄软件网18免费下载成人黄18免费视频 | 成人免费的性色视频| 亚洲成人网在线观看| 成人性开放大片| 亚洲国产成人久久77| 国内自拍成人网在线视频| 欧美成人精品高清在线观看| 国产成人在线观看免费网站| 成人在线欧美亚洲| 欧美成人xxx| 色老头成人免费视频天天综合| 国产成人亚洲欧美激情| 成人免费区一区二区三区| 色欲欲WWW成人网站| 亚洲AV成人无码网站| 免费一级成人毛片| 国产成人无码区免费内射一片色欲| 成人欧美日韩一区二区三区| a级成人毛片免费图片| 999影院成人在线影院| 久久久久亚洲av成人网人人软件| 国产成人亚洲综合欧美一部| 国产精品成人99一区无码| 成人A级视频在线播放| 成人亚洲欧美激情在线电影| 欧美成人鲁丝片在线观看| 欧美成人看片一区二区三区 | 国产精品成人免费视频网站| 成人免费激情视频| 成人中文字幕在线观看|