syydsp.vue 690 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class='videoControl' v-show="checkedIndex_second==4">
  3. <video class='aVideo' :src="videoLink"></video>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. components: {
  9. },
  10. onLoad() {
  11. },
  12. data() {
  13. return {
  14. videoLink:'https://zhongchuan1.oss-cn-beijing.aliyuncs.com/Video/实验引导视频.mp4?versionId=CAEQDxiBgIDPmP.f1hciIDNlMWUzYjAyZmFhYjQ0OGQ4MDkxNDBkYTBkMDQwOGQ1',
  15. }
  16. },
  17. methods: {
  18. }
  19. }
  20. </script>
  21. <style>
  22. .videoControl{
  23. width: 100%;
  24. height: 100%;
  25. display: flex;
  26. justify-content: center;
  27. align-items:center;
  28. flex-direction: row;
  29. border: 3rpx solid #D7D7D7;
  30. }
  31. .aVideo
  32. {
  33. width: 100%;
  34. height: 100%;
  35. }
  36. </style>