0
Answered

Enable full screen youtube video

Rezwan Rahman 11 years ago updated by martinbeeby 11 years ago 2


Hi,

 

Does anybody know how to enable in app full screen youtube videos? Currently if you click on the full screen icon in the app, it opens the video in full screen within youtube via IE.

 

Thanks,


Re

Answer

Answer
Answered

Not off the top of my head... You could add a button to the page. Onclick you could change the the width and the height of the youtube iframe to be 100% width 100% height.

Not off the top of my head... You could add a button to the page. Onclick you could change the the width and the height of the youtube iframe to be 100% width 100% height.
Answer
Answered

Not off the top of my head... You could add a button to the page. Onclick you could change the the width and the height of the youtube iframe to be 100% width 100% height.

~~

I managed to get an almost full screen experience by changing the videodetail.css file.

#videoDetailInfo {
  position:absolute;
  left : 695px;
  top:0px;
  height:calc(100% - 142px);
  width:340px;
}

#videoDetailDescriptionWrapper { 
  padding:0px;
  width:320px; 
  color: rgb(128, 128, 128);
  height:100%;
  column-width:340px;
  column-count:auto;
  column-gap:20px;
}
#videoDetailDescriptionBackground {
  background-color: rgba(255, 255, 255, 0.5);
}

#videoDetailDescription {
  font-family:'Segoe UI'; /*font-family*/
  white-space:pre-line;
  word-wrap:break-word;
  padding:10px;
}

#videoDetailPlayer {
  width:600px;
  overflow:hidden;
}

You may need to experiment with the video detail js and css file.  The changes were to make the  video detal player width 980px and move the videodetailinfo to left: 1100px