在网页设计中怎样插入视频播放器

1、打开用于网页设计的Hbuilder，在项目管理器中放置mp4格式的视频以后，点击indexhtml进入。

2、在这里通过图示的命令来建立一个HTML5的文件。

3、这个时候添加video元素就可以插入视频了，需要用autoplay设置自动播放，controls设置控制栏。

4、下一步，用source可以连接对应的视频资源，注意路径不要写错。

5、完成以后，等网页加载出来就会插入视频播放器自动播放视频，左边的是播放按钮、视频进度控制条等工具。

6、而右边可以调节声音大小和全屏播放，有服务器的话还可以下载。

开启Safari浏览器的JavaScript功能，之后用Safari打开的网页就能播放视频了。

1、打开苹果手机，进入主界面，点击“设置”图标。

2、进入设置界面后，找到“Safari浏览器”选项，点击进入。

3、进入Safari浏览器设置界面，在该界面的最下面有一个“高级”选项，点击进去。

4、进入高级选项界面后，里面就有一个”JavaScript”，点击右边的圆形图标，将这个功能打开。

5、这样子Safari浏览器的avaScript功能就开启了，接下来就返回手机主界面打开Safari浏览器。

6、进入Safari浏览器里面后，点击上方的输入栏。

7、在输入栏中输入要观看的视频名称，点击右下角的“前往”按键。

8、在d出的界面中，找到要播放的视频选项，点击进去。

9、点击进去后，出现如下画面，表示视频播放成功。还可通过手机上的音量按键调节音量大小。