首页 > 软件开发 > HTML >

dw添加的MP4视频怎么设置不自动播放

来源:互联网 2023-03-16 19:12:49 291

dw是一款代码编辑软件,对于html、css,js等内容都可以支持编辑,今天小编就来讲讲使用dw添加的视频怎么设置不自动播放!VBi办公区 - 实用经验教程分享!

工具/原料

  • dw软件,浏览器。

方法/步骤

  • 1

    新建一个文件夹,将mp4格式的视频放入文件夹下。VBi办公区 - 实用经验教程分享!

    dw添加的MP4视频怎么设置不自动播放VBi办公区 - 实用经验教程分享!

  • 2

    打开dw软件,我们点击新建,页面类型选择html,文件类型选择html5 格式。选择完成后点击创建。VBi办公区 - 实用经验教程分享!

    dw添加的MP4视频怎么设置不自动播放VBi办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    创建完成后,输入快捷方式“ctrl s”,将文件保存到新建的文件夹目录下,并将文件名称修改成“index.html”。VBi办公区 - 实用经验教程分享!

    dw添加的MP4视频怎么设置不自动播放VBi办公区 - 实用经验教程分享!

  • 4

    编写video标签,引入同级目录下的mp4视频文件,插入播放按钮属性。VBi办公区 - 实用经验教程分享!

    dw添加的MP4视频怎么设置不自动播放VBi办公区 - 实用经验教程分享!

  • 5

    定义视频播放器的宽度和高度,不要添加autoplay属性,这样我们添加的视频就不会自动播放了。VBi办公区 - 实用经验教程分享!

    dw添加的MP4视频怎么设置不自动播放VBi办公区 - 实用经验教程分享!

  • 6

    这样我们就完成了dw添加的MP4视频设置不自动播放的功能。VBi办公区 - 实用经验教程分享!

    dw添加的MP4视频怎么设置不自动播放VBi办公区 - 实用经验教程分享!

  • 注意事项

    • video标签如果不引用autoplay属性的时候是不会自动播放的。
    • 以上为小编平时编程总结,希望对你有所帮助!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!VBi办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码