How can I enable video mirroring and play videos recorded in landscape mode on HTML5 pages?

更新时间:
复制 MD 格式

Real-Time Communication (RTC) SDK for web does not provide methods that you can use to implement these two features. This topic describes how to implement these features by using tags.

Enable video mirroring on HTML5 pages

To implement this feature, set a Cascading Style Sheets (CSS) rule for the video tag.

{
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
} 

Play videos recorded in landscape mode on HTML5 pages

To implement this feature, add a tag named div to the video tag and set a CSS rule for the div tag.

{
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
}