乐学视频电商 2023-12-01 2:24:01

怎么用手机浏览器播放视频，需要安装什么插件吗?

这里不需要安装插件。

1、点击要用浏览器播放的视频，鼠标右击，然后出现一下了菜单栏，在出现的菜单中点击打开方式进入。

2、进入打开方式的界面后，然后在打开的窗口中点击浏览按钮进入设置。

3、在出现的窗口中找到要用来播放视频的浏览器，然后点击打开进入浏览器播放界面。

4、然后可以在浏览器中就可以看到，这个视频开始自动播放了，那是因为浏览器都自带html5的video属性，所以浏览器也可以播放视频了。

如果你只是做一个简单的视频，那么你就用会声会影，爱剪辑等软件。我本人就一直在用会声会影，因为对视频质量的要求不是非常高，而且不需要什么特效，加上时间又不是特别的充足，所以我选择这样的软件，加以辅助来完成我的视频制作。

短视频运营实时更新
链接：>pwd=2D72
提取码：2D72

资源包括: 如何布局短视频SEO获取免费流量、盗坤-无货源快手小店起店流程、野草与千里马短视频文案16期、高阳短视频制作、干饭人伊伊专题：账号定位课（60分钟）、知识博主年入百万训练营、卢战卡口播训练营、抖音楠叔夜读课程、抖音超清背景图全套素材，助你玩转抖音必背等！

黑马的淘宝课程还不错，他们是带着店铺一边做你自己的店铺一边学习知识用到自己店铺，边实践边学习的模式。学的时候还能整一顿饭钱，我觉得不错的，我们班一同学一天成交了16笔，就是一个新店，一个卖一单挣了2000感觉给自己赚钱一样很努力的学习运营店铺的各种方法，直通车推广呀、内容、活动、数据分析、装修、京东和跨境等等，感觉每天时间都不够用，很充实。

在网页制作中，经常需要宣传一些信息，这时候我们就需要使用到视频，快捷醒目，简单易懂。在页面制作上可以有多种的实现方法，下面就来介绍一下。

一、通过iframe来实现

width：视频宽度

height：视频高度

src：视频路径

allowfullscreen：允许全屏显示

Iframe的使用比较简单便捷，但是iframe也会引入广告

二、H5视频播放器

H5视频播放器的用法和iframe相似

所谓的可选属性即可以选择性地填写，也可不写，包含了一下几个：

autoplay：视频自动播放

controls：向用户显示控件，可以控制视频的播放暂停等

loop：循环播放

muted：静音

poster="路径"：设置视频海报封面

preload：判读是否在页面加载后载入视频，auto(一旦页面加载就开始加载视频)/metadata(指示页面加载后仅加载视频的元数据)/none(面加载后不加载视频)，如果设置了autoplay，就会忽略这个属性

注意：视频设置宽高为100%，视频的大小也不会填充整个页面，我们给视频<video>设置object-fit:fill;

三、使用视频插件vue-video-player

1、首先需要安装插件：

npm install vue-video-player –save

2、其次在mainjs文件中引入：

import VueVideoPlayer from 'vue-video-player'

Vueuse(VueResource);

3、页面上使用

options是vue-video-player的一些参数选项，我们主要设置了以下几个：

poster：视频播放前显示的

sources：视频资源，包含了视频的类型和路径

language：与视频匹配的语言，浏览器默认为en

muted：视频静音

相关的参数设置我们可以参考videojs文档：>

《2018年4月北京黑马javaee第297期全套课程（解压密码：123abc）》百度网盘资源免费下载

zxcv