You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.3 KiB
55 lines
2.3 KiB
<div class="youtubevideo"> |
|
<div class="youtubevideopane nicescroll"> |
|
<form class="container-fluid form" role="form"> |
|
|
|
<div class="welcome container-fluid" ng-show="!playbackActive"> |
|
<div class="welcome-logo fa fa-youtube"></div> |
|
<h1>{{_('Share a YouTube video')}}</h1> |
|
<div class="welcome-container"> |
|
<p> |
|
<div>{{_("Videos are shared with everyone in this call.")}}</div> |
|
<div class="form-group welcome-input"> |
|
<input type="text" class="form-control input-lg" ng-model="youtubeurl" placeholder="{{_('YouTube URL')}}"> |
|
<div class="welcome-input-buttons"> |
|
<button class="btn btn-primary" type="button" ng-disabled="!youtubeurl" ng-click="shareVideo(youtubeurl)">{{_("Share")}}</button> |
|
</div> |
|
</div> |
|
</p> |
|
<center> |
|
<p ng-show="roomdata.name"><i class="fa fa-external-link"></i> <a href="{{roomdata.link}}" ng-click="changeRoomToId(roomdata.name);$event.preventDefault()">{{roomdata.link}}</a></p> |
|
</center> |
|
</div> |
|
</div> |
|
|
|
<div ng-show="playbackActive"> |
|
<div class="row" id="youtubecontainer"> |
|
<div class="embed-responsive embed-responsive-16by9"> |
|
<div id="youtubeplayer"></div> |
|
</div> |
|
<div id="youtubeplayerinfo"> |
|
<div>{{_('Currently playing')}}<br>{{ currentVideoUrl }}</div> |
|
</div> |
|
<div class="click-container" ng-show="!isPublisher"> |
|
</div> |
|
</div> |
|
</div> |
|
</form> |
|
</div> |
|
|
|
<div class="overlaybar form-horizontal" ng-class="{notvisible: hideControlsBar}"> |
|
<a class="overlaybar-button" ng-model="hideControlsBar" btn-checkbox btn-checkbox btn-checkbox-true="0" btn-checkbox-false="1" title="{{_('YouTube controls')}}"><i class="fa fa-cogs"></i></a> |
|
<div class="overlaybar-content"> |
|
<form class="container-fluid" role="form"> |
|
<div class="form-group"> |
|
<label for="youtubeurl">{{_('YouTube video to share')}}</label> |
|
<div class="overlaybar-input"> |
|
<input type="text" class="form-control input-lg" id="youtubeurl" ng-model="youtubeurl" required placeholder="{{_('YouTube URL')}}"> |
|
<div class="overlaybar-buttons"> |
|
<button type="button" class="btn btn-primary" ng-click="shareVideo(youtubeurl)" ng-disabled="youtubeurl === ''">{{_('Share')}}</button> |
|
</div> |
|
</div> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
</div>
|
|
|