本文目录一览：
怎么在js代码中插入图片和视频?
1、打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：$('body').append('');。浏览器运行index.html页面，此时图片被js成功显示到页面上。
2、Visual Studio打开一个网站，本例为TwoFish，在网站中已放置了图片资源，以及需使用的css样式和js代码。在网页中找到body标签，如下图所示。接着找到div标签，如下图所示。
3、新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。在test.html添加一个div标签，并且给它一个id，用于下面编写样式。通过div的id , 给div定义CSS样式，例如，把div定义为一个带边框的长方形。
js调用浏览器自带的将视频另存为
1、调用document.execCommand方法调用JS方法document.execCommand即可在前台页面调出另存为对话框，并将将服务器上存放的文件保存到本地。
2、js调用浏览器自带的将视频另存为的方法如下：打开HBuilderX开发工具，在已新建的Web项目中，创建一个静态页面文件saveAs.html。打开已新建的静态页面文件，修改title标签中的文本内容。
3、但是如果浏览者使用工具栏菜单，还是可以实现另存为的。至于截屏，这是系统级的应用，你想从浏览器层面禁用是无法实现。希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
4、可以选择另存为就可以把网页保存在桌面上。
网页中视频的引入
第一步，在Hbuilder中新建一个项目，然后把视频素材给保存到其中某个文件夹。注意，虽然html5支持插入视频，不过对视频格式有要求，视频编码格式必须是H.264或者是AVC的才可以在网页中播放哦。
设置视频的长为300px，高为200px，然后用标签引入需要插入的视频，注意引用文件的路径，具体代码如下： 您的浏览器不支持Video标签。
现在的HTML5可以直接用video标签来插入视频，下面教大家如何用video标签来插入视频。先插入video标签，poster规定加载视频时显示的图像，width规定video标签的宽度，controls表示显示控件。
然后添加video元素即可插入视频，最好用autoplay设置自动播放，controls设置控制栏。source可以连接对应的视频文件资源，记得视频资源路径要写正确哦。这样，等到HTML网页加载之后视频即可自动的播放哟。
复制完HTML代码后，光标移动到需要插入视频的地方，点击工具栏中的“源码”/“源代码”的小图标，点击图标进入“源码”窗口，再将刚才复制好的地址粘贴在窗口里。
怎么在html里面加入视频
1、现在的HTML5可以直接用video标签来插入视频，下面教大家如何用video标签来插入视频。先插入video标签，poster规定加载视频时显示的图像，width规定video标签的宽度，controls表示显示控件。
2、进入idea新建html文件，在弹出的文本框中给html文件命名，文件命名为video.html。在新建的html文件中输入添加视频文件的html代码。
3、然后在自己的HTML编辑软件建一个HTML5的文件，这里小编我就用Hbuilder建立了。然后添加video元素即可插入视频，最好用autoplay设置自动播放，controls设置控制栏。source可以连接对应的视频文件资源，记得视频资源路径要写正确哦。
4、启动DW软件，新建一个html5网页，在顶部依次点击选择【插入】-【html】-【html5 video】。选择html5 video后，软件会自动加入一个video/video标签组。我在video后添加src=代码，然后在双引号中输入网络mp4格式的视频链接。
