首页 > 电脑专区 > 电脑教程 >

dw怎么插视频

来源:互联网 2023-02-22 01:31:59 79

在Dreamweaver工具中,可以使用工具中的功能直接插入元素,如Image、Header、Video等。那么,如何插入视频呢?1MW办公区 - 实用经验教程分享!

dw怎么插视频1MW办公区 - 实用经验教程分享!

工具/原料

  • Adobe Dreamweaver CC 2018
  • WPS
  • 截图工具
  • 视频文件

方法/步骤

  • 1

    点击电脑左下角的开始菜单,打开Dreamweaver CC 2018工具1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 2

    点击文件菜单,选择新建子菜单,文件类型选择HTML,输入标题,然后单击创建按钮1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 3

    默认显示HTML5模板,视图分为视图窗口和代码窗口1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 4

    点击插入菜单,依次操作HTML--->HTML5 Video1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 5

    插入一个audio,结果检查代码发现不是加的视频,而是音频1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 6

    切换到代码窗口,对audio元素进行修改,改为video元素1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 7

    设置video元素的宽度、高度,并添加视频源(source)以及src路径1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 7此文章未经授权抓取自百度经验
  • 8

    保存代码并打开浏览器预览,可以看到一个视频,自动播放1MW办公区 - 实用经验教程分享!

    dw怎么插视频1MW办公区 - 实用经验教程分享!

  • 总结

    • 1、新建HTML文件1MW办公区 - 实用经验教程分享!

      2、插入HTML5 Video1MW办公区 - 实用经验教程分享!

      3、添加视频路径1MW办公区 - 实用经验教程分享!

      4、保存文件并预览1MW办公区 - 实用经验教程分享!

      dw怎么插视频1MW办公区 - 实用经验教程分享!

    注意事项

    • 注意dw怎么插入视频
    • 注意Adobe Dreamweaver CC 2018常用的功能以及使用方法

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


    标签: DREAMWEAVER视频

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