diyvideo.vue 624 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view class="diy-video" :style="{ paddingTop: diyitem.base.paddingTop + 'px', paddingLeft: 0 }">
  3. <video :style="{ height: diyitem.base.height + 'px' }" :src="diyitem.videoUrl"
  4. :poster="diyitem.img" controls></video>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. name: 'video',
  10. props: {
  11. diyitem: {
  12. type: Object,
  13. default () {
  14. return {};
  15. }
  16. }
  17. },
  18. computed: {
  19. },
  20. data() {
  21. return {};
  22. },
  23. methods: {
  24. navigateTo: function(e) {
  25. this.sam.diynavigateTo(e)
  26. }
  27. }
  28. };
  29. </script>
  30. <style>
  31. /* 视频 */
  32. .diy-video video {
  33. width: 100%;
  34. display: block;
  35. }
  36. </style>