开发者社区> 问答> 正文

HTML video播放如何使用dom控制呀?

已解决

HTML video播放如何使用dom控制呀?

展开
收起
月亮很亮 2022-08-15 12:23:18 410 0
1 条回答
写回答
取消 提交回答
  • 推荐回答
    <div style="text-align:center;">
    <button onclick playPause()">播放/暂停</buttonz cbutton onclick=makeBig()">大-/buttons
    <button onclick="makeNormal()">中</button> sbutton onclick="makeSmall()">小</button> sbr />
    <video id "videol" width="420" style="margin-top:15px;">
    <source src="/example/html5/mov_bbb.mp4 type="video/mp4" /><source src="/example/htm15/mov_bbb.ogg" type="video/ogg" /> Your browser does not support HTML5 video.</videos</div>
    escript type="text/javascript">
    var myVideo=document.getElementById("video1"):
    function playPause(){
    if(myVideo.paused) myVidea.play(); else
    myVideo.pause();
    
    function makeBig() myVideowidth=560;}
    function makeSmall(){
    myVideo.width=320
    
    function makeNormal()
    myVideo.width=420
    </script>
    </body>
    </html>
    这一段代码就可以实现video使用dom控制
    
    2022-08-15 13:34:19
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
技术图谱:由专家组参与技术图谱的绘制与编写,知识与实践的结合让开发者们掌握学习路线与逻辑,快速提升技能 电子书:电子书由阿里内外专家打造,供开发者们下载学习,更与课程相结合,使用户更易理解掌握课程内容 训练营:学习训练营 深入浅出,专家授课,带领开发者们快速上云 精品课程:汇集知识碎片,解决技术难题,体系化学习场景,深入浅出,易于理解 技能自测:提供免费测试,摸底自查 体验实验室:学完即练,云资源免费使用
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载