video.vue 373 B

123456789101112131415161718192021222324
  1. <template>
  2. <view class="container">
  3. <video class="video" src="http://shicai.liuniu946.com/img/jiaocheng.mp4"></video>
  4. </view>
  5. </template>
  6. <script>
  7. </script>
  8. <style lang="scss">
  9. .container {
  10. width: 100%;
  11. /* #ifdef H5 */
  12. height: calc( 100vh - 44px);
  13. /* #endif */
  14. /* #ifdef MP */
  15. height: 100vh;
  16. /* #endif */
  17. .video {
  18. width: 100%;
  19. height: 100%;
  20. }
  21. }
  22. </style>