|
@@ -226,7 +226,7 @@
|
|
|
:playsinline="true"
|
|
:playsinline="true"
|
|
|
:options="playerOptions"
|
|
:options="playerOptions"
|
|
|
@play="onPlayerPlay($event)"
|
|
@play="onPlayerPlay($event)"
|
|
|
- style="width: 90%; height: 500px; margin: 0 0 0 30px"
|
|
|
|
|
|
|
+ style="width: 600px; height: 400px; margin: 0 0 0 30px"
|
|
|
></video-player>
|
|
></video-player>
|
|
|
|
|
|
|
|
<div class="answerTxt" v-html="i"></div>
|
|
<div class="answerTxt" v-html="i"></div>
|
|
@@ -870,7 +870,7 @@ export default {
|
|
|
preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
|
|
preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
|
|
|
language: "zh-CN",
|
|
language: "zh-CN",
|
|
|
aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
|
|
aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
|
|
|
- fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
|
|
|
|
|
|
|
+ fluid: false, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
|
|
|
sources: [
|
|
sources: [
|
|
|
{
|
|
{
|
|
|
type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目 || "video/ogg"|| "video/webm"
|
|
type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目 || "video/ogg"|| "video/webm"
|
|
@@ -1814,4 +1814,8 @@ export default {
|
|
|
.item {
|
|
.item {
|
|
|
margin: 4px;
|
|
margin: 4px;
|
|
|
}
|
|
}
|
|
|
|
|
+.video-player >>> .video-js {
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ padding: 0 !important;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|
SanHQin