<!-- 1. 根据屏幕宽高动态调整 2. 画面方向为水平 3. 根据加载状态做出相应提示-->
<live-player class="player" src="{{rtmpUrl}}" hidden="{{playerHidden}}" style="width:{{width}}px; height:{{height}}px" mode="live" autoplay="true" bindstatechange="onStatechange" orientation="horizontal"/>

<!-- 返回按钮 -->
<view class="onBack_div">
  <image src="/images/fanhui.png" class="onBack" hidden="{{playerHidden}}" bindtap="onBack"></image>
</view>

<view class="icon_bottom">

</view>

<view  class="button_top left_img" bindtap="openyt" style="bottom:{{btnbottom}};left:{{btnleft}};background:{{down}}"></view>

  <view class="video_telecontrol" style="height:{{myheight}};bottom:{{bottom}};left:{{left}}">
    <view class="video_right">
      <view class="video_tele">
        <view class="video_tele_top" bindtap="tripodHandle" data-action="up"></view>
        <view class="video_tele_middle">
          <view class="video_tele_left" bindtap="tripodHandle" data-action="left"></view>
          <view class="video_tele_right" bindtap="tripodHandle" data-action="right"></view>
        </view>
        <view class="video_tele_bottom" bindtap="tripodHandle" data-action="down"></view>
      </view>

      <view class="video_focusing_padding">
        <view class="video_focusing">
            <view class="video_focusing_left" bindtap="tripodHandle" data-action="zoomout">-</view>
            <view class="video_focusing_middle">聚焦</view>
            <view class="video_focusing_right" bindtap="tripodHandle" data-action="zoomin">+</view>
        </view>
      </view>
    </view>
  </view>