videoDetail.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <template>
  2. <view>
  3. <!-- <view class="timeBox flex justify-between align-center padding-lr-sm">
  4. <view class="time"></view>
  5. </view> -->
  6. <!-- 处理状态start -->
  7. <view class="processStatus">
  8. <view class="info-tit margin-left-xs">
  9. <text class="cuIcon-titles margin-right-xs"></text>
  10. 设备编号:{{deviceCode}}
  11. </view>
  12. <view class="padding-lr padding-bottom-lg ">
  13. <video id="myVideo" :src="videoUrl" style="width:100%" loop="loop" autoplay="autoplay"></video>
  14. <!-- <view class="video-js" ref="video" style="text-align:center;width:100%;height:400rpx">
  15. </view> -->
  16. </view>
  17. </view>
  18. <!-- 处理状态end -->
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. data() {
  24. return {
  25. videoDetail: '',
  26. videoUrl:"",
  27. deviceCode:''
  28. }
  29. },
  30. onReady() {
  31. },
  32. onLoad: function(option) {
  33. // console.log(111)
  34. // console.log(option.deviceCode)
  35. this.companyCode = option.companyCode
  36. this.deviceType = option.deviceType
  37. this.deviceCode=option.deviceCode
  38. // this.videoUrl = 'http://47.103.74.123/hls/'+option.deviceCode+'.m3u8';
  39. this.videoUrl='http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8'
  40. alert(this.videoUrl)
  41. },
  42. methods: {
  43. // async getDeviceDetail(ming = {}) {
  44. // const res = await this.$myRequest({
  45. // url: 'OperationMonitoring/getMonitoringScreen',
  46. // data: ming
  47. // })
  48. // console.log(res.data.data[0])
  49. // this.videoDetail = res.data.data[0]
  50. // },
  51. }
  52. }
  53. </script>
  54. <style lang="scss">
  55. </style>