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.
66 lines
2.8 KiB
66 lines
2.8 KiB
<div class="youtubevideo"> |
|
<div class="youtubevideopane nicescroll"> |
|
<form class="container-fluid form" role="form"> |
|
|
|
<div class="welcome container-fluid" ng-show="!playbackActive && youtubeAPIReady"> |
|
<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> |
|
</div> |
|
</div> |
|
|
|
<div class="welcome container-fluid" ng-show="!youtubeAPIReady"> |
|
<div class="welcome-logo fa fa-youtube"></div> |
|
<h1>{{_('Share a YouTube video')}}</h1> |
|
<div class="welcome-container text-center"> |
|
<p> |
|
<p>{{_("Could not load YouTube player API, please check your network / firewall settings.")}}</p> |
|
<p ng-if="currentVideoUrl">{{_('Currently playing')}}<br><a href="{{ currentVideoUrl }}" rel="external" target="_blank">{{ currentVideoUrl }}</a></p> |
|
<p class="form-group welcome-input"> |
|
<button class="btn btn-primary btn-lg" type="button" ng-click="loadYouTubeAPI()">{{_("Retry")}}</button> |
|
</p> |
|
</p> |
|
</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><a href="{{ currentVideoUrl }}" rel="external" target="_blank">{{ currentVideoUrl }}</a></div> |
|
</div> |
|
<div class="click-container" ng-show="!isPublisher"> |
|
</div> |
|
</div> |
|
</div> |
|
</form> |
|
</div> |
|
|
|
<div class="overlaybar form-horizontal" ng-if="youtubeAPIReady" 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" ng-disabled="!youtubeAPIReady" 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>
|
|
|